@extends('app-new')
@push('head-script')
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">

<!-- BEGIN: Page CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">

<!-- END: Page CSS-->

@endpush

@push('content-header')
<div class="row breadcrumbs-top">
    <div class="col-12">
        <h2 class="content-header-title float-start mb-0">{{trans('employee/employee.employee_master')}}</h2>
        <div class="breadcrumb-wrapper">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="home">{{trans('employee/employee.home')}}</a>
                </li>
                <li class="breadcrumb-item active">{{trans('employee/employee.employee')}}
                </li>
            </ol>
        </div>
    </div>
</div>
@endpush
@section('content')

<!-- Column Search -->
<section id="column-search-datatable">
    <div class="content-header row">
        <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-start mb-0"></h2>

                </div>
            </div>
        </div>
        <div class="content-header-right text-md-end col-md-3 col-12 d-md-block d-none">
            <div class="mb-1 breadcrumb-right">
                <div class="dropdown">
                    <button class="btn-icon btn btn-primary btn-round btn-sm dropdown-toggle" type="button"
                        data-bs-toggle="offcanvas" data-bs-target="#offcanvasEnd" aria-controls="offcanvasEnd"
                        type="button"><i data-feather='filter'></i></button>
                </div>
            </div>
        </div>
    </div>
    <div class="offcanvas-end-example">
        <form method="get">
            <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasEnd" aria-labelledby="offcanvasEndLabel">
                <div class="offcanvas-header">
                    <h5 id="offcanvasEndLabel" class="offcanvas-title">{{ trans('common/common.filter') }}</h5>
                    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                        aria-label="Close"></button>
                </div>
                <div class="offcanvas-body my-auto mx-0 flex-grow-0">
                    <div class="row">
                        <div class="col-sm-12 mt-1">
                            <input type="hidden" name="search" placeholder="Search" id="SearchFilter" class="form-control" value="{{ request()->input('search') }}">

                            @if(request()->input('date') && request()->input('type'))
                            <label class="form-label" for="date">Date</label>
                            <input type="date" id="date" name="date" id="date" value="{{ request()->input('date') }}" class="form-control daterangebg" >
                            <input type="hidden" name="type" value="{{request()->input('type')}}">
                            @endif

                            <label class="form-label mt-2" for="location_id">Location</label>
                            <select class="form-control mb-2 select2" name="location_id[]" id="location_id" onchange="getsubLocations(this,'sublocations')" multiple>
                                @foreach($locations as $location)
                                    <option value="{{$location->id}}"  @if(in_array($location->id, request()->input('location_id',[]))) selected @endif>
                                        {{$location->name}}
                                    </option>
                                @endforeach
                            </select>

                            <label class="form-label mt-2" for="sublocation_id">Sub Location</label>
                            <select class="form-control mb-2 select2" name="sublocation_id[]" id="sublocation_id" multiple>
                                @foreach($subLocations as $subLocation)
                                    <option value="{{$subLocation->id}}"  @if(in_array($subLocation->id, request()->input('sublocation_id',[]))) selected @endif>
                                        {{$subLocation->name}}
                                    </option>
                                @endforeach
                            </select>

                            <label class="form-label mt-2" for="department_id">Department</label>
                            <select class="form-control mb-2 select2" name="department_id[]" id="department_id" multiple>
                                @foreach($departments as $department)
                                    <option value="{{$department->id}}" @if(in_array($department->id, request()->input('department_id',[]))) selected @endif>
                                        {{$department->name}}
                                    </option>
                                @endforeach
                            </select>

                            <label class="form-label mt-2" for="sub_department_id"> Sub Department</label>
                            <select class="form-control mb-2 select2" name="sub_department_id[]" id="sub_department_id" multiple>
                                @foreach($subDepartments as $subDepartment)
                                    <option value="{{$subDepartment->id}}"  @if(in_array($subDepartment->id, request()->input('sub_department_id',[]))) selected @endif>
                                        {{$subDepartment->name}}
                                    </option>
                                @endforeach
                            </select>

                            <label class="form-label mt-2" for="designation_id">Designation</label>
                            <select class="form-control mb-2 select2" name="designation_id[]" id="designation_id" multiple>
                                @foreach($designations as $designation)
                                    <option value="{{$designation->id}}"  @if(in_array($designation->id, request()->input('designation_id',[]))) selected @endif>
                                        {{$designation->name}}
                                    </option>
                                @endforeach
                            </select>

                            <label class="form-label mt-2" for="shift_id">Shift</label>
                            <select class="form-control mb-2 select2" name="shift_id[]" id="shift_id"multiple>
                                @foreach($shifts as $shift)
                                    <option value="{{$shift->id}}" @if(in_array($shift->id, request()->input('shift_id',[]))) selected @endif>
                                        {{$shift->name}}
                                    </option>
                                @endforeach
                            </select>

                            <label class="form-label mt-2" for="area_id">Area</label>
                            <select class="form-control mb-2 select2" name="area_id[]" id="area_id" multiple>
                                @foreach($areas as $area)
                                    <option value="{{$area->id}}" @if(in_array($area->id, request()->input('area_id',[]))) selected @endif>
                                        {{$area->name}}
                                    </option>
                                @endforeach
                            </select>

                            @if(Auth::user()->is_contractor != 1)
                            <label class="form-label mt-2" for="contractor_id">Contractor</label>
                            <select class="form-control mb-2 select2" name="contractor_id[]" id="contractor_id" multiple>
                                @foreach($contractors as $contractor)
                                    <option value="{{$contractor->id}}" @if(in_array($contractor->id, request()->input('contractor_id',[]))) selected @endif>
                                        {{$contractor->name}}
                                    </option>
                                @endforeach
                            </select>
                            @endif

                            {{-- //old --}}
                            <label class="form-label mt-2" for="area_id">{{ trans('master/master.workstation') }}</label>
                            <select class="form-control mb-2 select2" name="work_station_id[]" id="work_station_id"
                                multiple>
                                @foreach ($workstations as $workstation)
                                    <option value="{{ $workstation->id }}"
                                        @if (in_array($workstation->id, request()->input('work_station_id',[]))) selected @endif>
                                        {{ $workstation->name }}
                                    </option>
                                @endforeach
                            </select>

                            <label class="form-label mt-2" for="area_id">{{ trans('master/master.category') }}</label>
                            <select class="form-control mb-2 select2" name="category_id[]" id="category_id"
                                multiple>
                                @foreach ($categories as $category)
                                    <option value="{{ $category->id }}"
                                        @if (in_array($category->id, request()->input('category_id',[]))) selected @endif>
                                        {{ $category->name }}
                                    </option>
                                @endforeach
                            </select>

                            <label class="form-label mt-2" for="status">{{ trans('employee/employee.employee_photo') }}</label>
                            <select class="form-control select2" name="employee_mapped" id="employee_mapped">
                                <option value="">{{ trans('common/common.all') }}</option>
                                <option value="mapped" @if (request()->input('employee_mapped') == 'mapped') selected @endif>
                                    {{ trans('common/common.mapped') }}</option>
                                <option value="unmapped" @if (request()->input('employee_mapped') == 'unmapped') selected @endif>
                                    {{ trans('common/common.unmapped') }}</option>
                            </select>

                            <label class="form-label mt-2" for="status">{{ trans('common/common.status') }}</label>
                            <select class="form-control select2" name="status" id="status">
                                <option value="">{{ trans('common/common.all') }}</option>
                                <option value="active" @if (request()->input('status') == 'active') selected @endif>
                                    {{ trans('common/common.active') }}</option>
                                <option value="inactive" @if (request()->input('status') == 'inactive') selected @endif>
                                    {{ trans('common/common.inactive') }}</option>
                                <option value="blacklist" @if (request()->input('status') == 'blacklist') selected @endif>
                                    {{ trans('common/common.blacklist') }}</option>
                                <option value="transfer" @if (request()->input('status') == 'transfer') selected @endif>
                                    {{ trans('common/common.transfer') }}</option>
                            </select>
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary mt-2 mb-1 d-grid w-100 d-flex justify-content-center" id="filterSubmitBtn" data-bs-dismiss="offcanvas" aria-label="Close"><i
                        data-feather='search' class="me-2"></i> {{trans('common/common.search')}}</button>

                </div>
            </div>
        </form>
    </div>
    @if (\Session::has('status'))