@extends('adminlte::page')

@section('content')
    <div class="col-md-10 offset-md-1">
        <div class="card">
            <div class="card-header bg-color">
                <span class="" style="vertical-align: middle">
                    <i class="fa-solid fa-filter fa-fw"></i> WIP Order Date - Filter
                </span>
            </div>

            <form action="{{ route('wiporderdate') }}" method="POST">
                @csrf
                @method('PUT')

                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-3">
                            <label class="col-form-label col-form-label-sm">Order Date From</label>
                            <input
                                id="filterOrderDateFrom"
                                name="filterOrderDateFrom"
                                class="form-control flatpickrDate"
                                type="text"
                                readonly />
                        </div>

                        <div class="form-group col-md-3">
                            <label class="col-form-label col-form-label-sm">Order Date To</label>
                            <input
                                id="filterOrderDateTo"
                                name="filterOrderDateTo"
                                class="form-control flatpickrDate"
                                type="text"
                                readonly />
                        </div>

                        <div class="form-group col-md-3">
                            <label class="col-form-label col-form-label-sm">Last Updated Date From</label>
                            <input
                                id="filterLastUpdatedDateFrom"
                                name="filterLastUpdatedDateFrom"
                                class="form-control flatpickrDate"
                                type="text"
                                readonly />
                        </div>

                        <div class="form-group col-md-3">
                            <label class="col-form-label col-form-label-sm">Last Updated Date To</label>
                            <input
                                id="filterLastUpdatedDateTo"
                                name="filterLastUpdatedDateTo"
                                class="form-control flatpickrDate"
                                type="text"
                                readonly />
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label class="col-form-label pb-0 col-form-label-sm">Last Updated By <span class="text-success">(m)</span></label>

                            <div id="filterLastUpdatedBy">
                                <select
                                    name="filterLastUpdatedBy[]"
                                    class="form-control bootstrapselect"
                                    style="z-index: 10000 !important;"
                                    multiple>

                                    @foreach ($listEmployees as $le)
                                        <option value="{{ $le->Employee }}">{{ $le->Employee }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group col-md-4">
                            <label class="col-form-label pb-0 col-form-label-sm">Department <span class="text-success">(m)</span></label>

                            <div id="filterDepartment">
                                <select
                                    name="filterDepartment[]"
                                    class="form-control bootstrapselect"
                                    style="z-index: 10000 !important;"
                                    multiple>

                                    @foreach ($listDepartment as $ld)
                                        <option value="{{ $ld->code }}">{{ $ld->detail }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group col-md-4">
                            <label class="col-form-label pb-0 col-form-label-sm">Status <span class="text-success">(m)</span></label>

                            <div id="filterStatus">
                                <select
                                    name="filterStatus[]"
                                    class="form-control bootstrapselect"
                                    style="z-index: 10000 !important;"
                                    multiple>

                                    @foreach ($listStatus as $ls)
                                        @if ($ls->id === 1)
                                            <option value="{{ $ls->id }}" selected="selected">{{ $ls->name }}</option>
                                        @else
                                            <option value="{{ $ls->id }}">{{ $ls->name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label class="col-form-label pb-0 col-form-label-sm">Sales Representative <span class="text-success">(m)</span></label>

                            <div id="filterSales">
                                <select
                                    name="filterSales[]"
                                    class="form-control bootstrapselect"
                                    style="z-index: 10000 !important;"
                                    multiple>

                                    @foreach ($listSales as $ls)
                                        <option value="{{ $ls->Employee }}">{{ $ls->Employee . ' - ' . $ls->First_Name . ' ' . $ls->Last_Name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group col-md-4">
                            <label class="col-form-label pb-0 col-form-label-sm">Vessel <span class="text-success">(m)</span></label>

                            <div id="filterVessel">
                                <select
                                    data-live-search="true"
                                    name="filterVessel[]"
                                    class="form-control bootstrapselect"
                                    style="z-index: 10000 !important;"
                                    multiple>

                                    @foreach ($listVessel as $lv)
                                        <option value="{{ $lv->Customer_PO }}">{{ $lv->Customer_PO }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <x-forms.input-text-form-group label='Job Number' name='filterJobNumber' type='text' rule='' column='col-md-4' addclass='' addclasslabel='pb-0 col-form-label-sm' addattribute='' readonly='' autofocus='' autocomplete='' />
                    </div>

                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label class="col-form-label pb-0 col-form-label-sm">Sort</label>

                            <div id="filterSort">
                                <select
                                    name="filterSort"
                                    class="form-control bootstrapselect"
                                    style="z-index: 10000 !important;">

                                    <option value=1 selected="selected">Date > Vessel > Job</option>
                                    <option value=2>Dpt > Date > Vessel > Job</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <hr class="pt-2 pb-1" />

                    <span class="text-danger text-sm font-italic"> * The field is required.</span>

                    <div class="float-right">
                        <a href="{{ route('/') }}" class="btn btn-danger">
                            <i class="fas fa-times fa-fw"></i> Cancel
                        </a>

                        <button
                            type="submit"
                            class="btn btn-sl">
                            <i class="fa-solid fa-filter fa-fw"></i> Filter Report
                        </button>
                    </div>
                </div>
            </form>
            <br>
        </div>
    </div>
@endsection