@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> WC Status - Filter
                </span>
            </div>

            <form action="{{ route('wcstatus') }}" 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">Due Date From</label>
                            <input
                                id="filterDueDateFrom"
                                name="filterDueDateFrom"
                                class="form-control flatpickrDate"
                                type="text"
                                readonly />
                        </div>

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

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

                        <div class="form-group col-md-3">
                            <label class="col-form-label col-form-label-sm">Work Date To</label>
                            <input
                                id="filterWorkDateTo"
                                name="filterWorkDateTo"
                                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">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;"
                                    title="Select..."
                                    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 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
                                    data-live-search="true"
                                    name="filterSales[]"
                                    class="form-control bootstrapselect"
                                    style="z-index: 10000 !important;"
                                    title="Select..."
                                    multiple>

                                    @foreach ($listSales as $ls)
                                        <option value="{{ $ls->Employee }}">{{ $ls->Employee . ' - ' . $ls->First_Name . ' ' . $ls->Last_Name }}</option>
                                    @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">Department <span class="text-success">(m)</span></label>

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

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

                        <x-forms.input-textarea-form-group label='Internal Description' name='filterDescription' rows='1' rule='' column='col-md-4' addclass='' addclasslabel='pb-0 col-form-label-sm' readonly='' />

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

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

                                    @foreach ($listStatus as $ls)
                                        <option value="{{ $ls->id }}">{{ $ls->name }}</option>
                                    @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">Employee <span class="text-success">(m)</span></label>

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

                                    @foreach ($listEmployees as $le)
                                        <option value="{{ $le->Employee }}">{{ $le->Employee . ' - ' . $le->First_Name . ' ' . $le->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">Work Centers <span class="text-success">(m)</span></label>

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

                                    @foreach ($listWorkCenters as $lwc)
                                        <option value="{{ $lwc->Work_Center }}">{{ $lwc->Work_Center }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <hr />

                    <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">Job &gt; Work_Date &gt; Vessel &gt; Work_Center</option>
                                    <option value="2">Emp &gt; Work_Date &gt; Vessel &gt; Job</option>
                                    <option value="3">Rep &gt; Vessel &gt; Work_Date &gt; Job</option>
                                    <option value="4">Vessel &gt; Work_Date &gt; Job &gt; Work_Center</option>
                                    <option value="5">Dept &gt; Work_Date &gt; Vessel &gt; Job</option>
                                    <option value="6">Emp &gt; Vessel &gt; Work_Date &gt; Job</option>
                                    <option value="7">Due_Date &gt; Vessel &gt; Dept &gt;Job</option>
                                    <option value="8">Work_Date &gt; Vessel &gt; Dept &gt;Job</option>
                                    <option value="9">WC &gt; Work_Date &gt; Vessel</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