@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- check authorize add --}}
                        @if ($authorize->add == '1')
                            {{-- button execute --}}
                            <button class="btn btn-primary mb-0" id="btn-execute"><i class="fas fa-bolt me-1"> </i><span
                                    class="font-weight-bold">Execute</button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-lg-5">
                <div class="card">
                    <form role="form" method="POST" action="{{ URL::to($url_menu) }}" id="{{ $dmenu }}-form">
                        @csrf
                        <div class="card-body">
                            <p class="text-uppercase text-sm">Filter {{ $title_menu }}</p>
                            <hr class="horizontal dark mt-0">
                            <div class="row">

                                <div class="col-md-4 mb-3">
                                    <h6>Pilih Mesin</h6>
                                    @foreach ($namaMesin as $mesin)
                                        <div class="form-check">
                                            <input type="checkbox" name="mesin[]" class="form-check-input"
                                                id="mesin-{{ $mesin->kodemesin }}" value="{{ $mesin->kodemesin }}">
                                            <label class="form-check-label" for="mesin-{{ $mesin->kodemesin }}">
                                                {{ $mesin->kodemesin }}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>

                                <h6 class="mt-4">Filter by Date Range</h6>
                                <div class="row">
                                    <div class="col-md-5">
                                        <label for="startDate" class="form-label">Start Date</label>
                                        <input type="date" name="start_date" id="startDate" class="form-control">
                                    </div>
                                    <div class="col-md-5">
                                        <label for="endDate" class="form-label">End Date</label>
                                        <input type="date" name="end_date" id="endDate" class="form-control">
                                    </div>
                                </div>

                                {{-- retrieve table filter --}}

                            </div>
                            <hr class="horizontal dark">
                        </div>
                        <div class="card-footer align-items-center pt-0 pb-2">

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    {{-- check flag js on dmenu --}}
    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                {{-- file js in folder (resources/views/js) --}}
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.fire({
                        title: 'JS Not Found!!',
                        text: 'Please Create File JS',
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                </script>
            @endpush
        @endif
    @endif
@endsection
@push('js')
    <script>
        $(document).ready(function() {});

        document.addEventListener("DOMContentLoaded", function() {
            const today = new Date().toISOString().split('T')[0];
            document.getElementById('startDate').value = today;
            document.getElementById('endDate').value = today;
        });

        $('#btn-execute').click(function(event) {
           $('#{{ $dmenu }}-form').submit();

        })
    </script>
@endpush