@if ($filter === 'user_management')
    <div class="dropdown-content hglls" style="width: 14rem;">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck" id="allCheck">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.role')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                @foreach ($roles as $role)
                    <div class="control" @if ($loop->index != 0) style="margin-top:-10px" @endif>
                        <label class="checkbox">
                            <input type="checkbox" name="role[]" id="{{ $role->name }}" value="{{ $role->name }}">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span class="fs-12 fw-400 text-grey-light">{{ ucwords(str_replace('_', ' ', $role->name)) }}
                            </span>
                        </label>
                    </div>
                @endforeach
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.status')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="status[]" value="active" id="active">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.active')
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="status[]" value="suspended" id="suspended">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.suspend')
                        </span>
                    </label>
                </div>
            </div>
        </div>
    </div>
@elseif($filter === 'employee')
    <div class="dropdown-content hglls">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.role')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                @foreach ($role_employee as $item)
                    <div class="control" @if ($loop->index != 0) style="margin-top: -10px" @endif>
                        <label class="checkbox">
                            <input type="checkbox" name="role_employee[]" value="{{ $item->id }}"
                                id="{{ $item->id }}">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span class="fs-12 fw-400 text-grey-light">
                                {{ $item->name }}
                            </span>
                        </label>
                    </div>
                @endforeach
            </div>
        </div>
        <hr class="dropdown-divider">
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.status')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="status[]" value="Approved" id="approved">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            Permitted to Work
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="status[]" value="Decline" id="decline">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            Not Permitted to Work
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="status[]" value="Need Review" id="need_review">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            Under Review
                        </span>
                    </label>
                </div>
            </div>
        </div>
    </div>
@elseif($filter === 'gate_in_employee')
    <div class="dropdown-content hglls">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        {{-- <hr class="dropdown-divider">
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.location')) }}
        </a>
        <div style="padding: 0 1em;">
            <div class="field">
                <div class="control">
                    <div class="dropdown-tree" id="filterLocationTree">
                        <input type="text" class="input" name="location_txt" id="location_txt" readonly placeholder="Select location..." style="background-color: #fff;" />
                        <div class="tree-dropdown-content" id="filterLocationTreeContainer"></div>
                    </div>
                    <div id="filter_location_container"></div>
                </div>
            </div>
        </div> --}}
        <hr class="dropdown-divider">

        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>

        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            DUTY
        </a>
        <div style="padding: 0 1em;">
            <div class="dtts">
                <input id="daterange" name="daterange" type="date" autocomplete="off" data-is-range="true" class="input">
            </div>
        </div>
        <hr class="dropdown-divider">
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.status')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="status_gate_in[]" value="Approved" id="approved">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.approved')
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="status_gate_in[]" value="Decline" id="decline">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.decline')
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="status_gate_in[]" value="Need Review" id="need_review">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.need_review')
                        </span>
                    </label>
                </div>
            </div>
        </div>
    </div>
@elseif($filter === 'personnel_on_duty' || $filter === 'detail_overdays' || $filter === 'personnel_not_approved')
    <div class="dropdown-content hglls">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.location')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                @foreach ($gates as $item)
                    <div class="control" @if ($loop->index != 0) style="margin-top: -10px" @endif>
                        <label class="checkbox">
                            <input type="checkbox" name="gate[]" value="{{ $item->id }}"
                                id="{{ $item->id }}">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span class="fs-12 fw-400 text-grey-light">
                                {{ $item->name }}
                            </span>
                        </label>
                    </div>
                @endforeach
            </div>
        </div>
        <hr class="dropdown-divider">
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.gender')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="gender[]" value="Male" id="male">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.male')
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="gender[]" value="Female" id="female">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.female')
                        </span>
                    </label>
                </div>
            </div>
        </div>
    </div>
@elseif ($filter === 'outstanding_approval')
    <div class="dropdown-content hglls">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.gender')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="gender[]" value="Male" id="male">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.male')
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="gender[]" value="Female" id="female">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.female')
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <hr class="dropdown-divider">
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.mcu_status')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="mcu_status[]" value="Approved" id="Approved">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.approved')
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="mcu_status[]" value="Need Review" id="need_review">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.need_review')
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="mcu_status[]" value="Decline" id="decline">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.decline')
                        </span>
                    </label>
                </div>
            </div>
        </div>
        @unless (Auth::user()->hasRole('doctor'))
            <hr class="dropdown-divider">
            <a class="dropdown-item fs-12 fw-500 text-grey-light">
                {{ strtoupper(__('app.competency_status')) }}
            </a>
            <div class="checkboxes-list">
                <div class="field">
                    <div class="control">
                        <label class="checkbox">
                            <input type="checkbox" name="competency_status[]" value="Approved" id="Approved">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span class="fs-12 fw-400 text-grey-light">
                                @lang('app.approved')
                            </span>
                        </label>
                    </div>
                    <div class="control" style="margin-top: -10px">
                        <label class="checkbox">
                            <input type="checkbox" name="competency_status[]" value="Need Review" id="need_review">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span class="fs-12 fw-400 text-grey-light">
                                @lang('app.need_review')
                            </span>
                        </label>
                    </div>
                    <div class="control" style="margin-top: -10px">
                        <label class="checkbox">
                            <input type="checkbox" name="competency_status[]" value="Decline" id="decline">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span class="fs-12 fw-400 text-grey-light">
                                @lang('app.decline')
                            </span>
                        </label>
                    </div>
                </div>
            </div>
        @endunless
    </div>
@elseif($filter === 'gate_in_visitor' || $filter == 'review_by_doctor')
    <div class="dropdown-content hglls">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.location')) }}
        </a>
        <div style="padding: 0 1em;">
            <div class="field">
                <div class="control">
                    <div class="dropdown-tree" id="filterLocationTree">
                        <input type="text" class="input" name="location_txt" id="location_txt" readonly placeholder="Select location..." style="background-color: #fff;" />
                        <div class="tree-dropdown-content" id="filterLocationTreeContainer"></div>
                    </div>
                    <div id="filter_location_container"></div>
                </div>
            </div>
        </div>
        <hr class="dropdown-divider">
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            VISIT
        </a>
         <div style="padding: 0 1em;">
            <div class="dtts">
                <input id="daterange" name="daterange" type="date" autocomplete="off" data-is-range="true" class="input">
            </div>
        </div>
        <hr class="dropdown-divider">
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            MCU APPROVAL
        </a>
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="status[]" value="Need Review">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey">
                            Need Review
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="status[]" value="Decline">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey">
                            Decline
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="status[]" value="Approved">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey">
                            Approved
                        </span>
                    </label>
                </div>
            </div>
        </div>
        @if(isset($purposes))
        <hr class="dropdown-divider">
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            PURPOSES
        </a>
        <div class="checkboxes-list">
            <div class="field">
                @foreach($purposes as $purpose)
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="purposed[]" value="{{ $purpose }}">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey">
                            {{ $purpose }}
                        </span>
                    </label>
                </div>
                @endforeach
            </div>
        </div>
        @endif
        <hr class="dropdown-divider">
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.gender')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="gender[]" value="Male" id="male">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey">
                            @lang('app.male')
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="gender[]" value="Female" id="female">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey">
                            @lang('app.female')
                        </span>
                    </label>
                </div>
            </div>
        </div>
    </div>
@elseif($filter === 'access_request')
    <div class="dropdown-content hglls">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.role')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                @foreach ($roles as $role)
                    <div class="control" @if ($loop->index != 0) style="margin-top:-10px" @endif>
                        <label class="checkbox">
                            <input type="checkbox" name="role[]" id="{{ $role->name }}"
                                value="{{ $role->name }}">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span
                                class="fs-12 fw-400 text-grey-light">{{ ucwords(str_replace('_', ' ', $role->name)) }}
                            </span>
                        </label>
                    </div>
                @endforeach
            </div>
        </div>
        <hr class="dropdown-divider">
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.status')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="status[]" value="Need Review" id="need_review">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.need_review')
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="status[]" value="Decline" id="decline">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.decline')
                        </span>
                    </label>
                </div>
            </div>
        </div>
    </div>
@elseif ($filter === 'checkin_employee')
    <div class="dropdown-content" style="width: 200px">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.role')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                @foreach ($roles as $item)
                    <div class="control" @if ($loop->index != 0) style="margin-top: -10px" @endif>
                        <label class="checkbox">
                            <input type="checkbox" name="role[]" value="{{ $item->id }}"
                                id="{{ $item->id }}">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span class="fs-12 fw-400 text-grey-light">
                                {{ $item->name }}
                            </span>
                        </label>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@elseif ($filter == 'duty_history')
    <div class="dropdown-content hglls">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.gate')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                @foreach ($gates as $item)
                    <div class="control" @if ($loop->index != 0) style="margin-top: -10px" @endif>
                        <label class="checkbox">
                            <input type="checkbox" name="gate[]" value="{{ $item->id }}"
                                id="{{ $item->id }}">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span class="fs-12 fw-400 text-grey-light">
                                {{ $item->name }}
                            </span>
                        </label>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@elseif ($filter == 'log')
    <div class="dropdown-content hglls">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.type')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                @php
                    $type = ['Competency', 'MCU', 'User', 'Worker', 'Gate In', 'System'];
                @endphp
                @foreach ($type as $item)
                    <div class="control" @if ($loop->index != 0) style="margin-top: -10px" @endif>
                        <label class="checkbox">
                            <input type="checkbox" name="type[]" value="{{ $item }}"
                                id="{{ $item }}">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span class="fs-12 fw-400 text-grey-light">
                                {{ $item }}
                            </span>
                        </label>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@elseif ($filter == 'return_worker')
    <div class="dropdown-content hglls">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            STATUS
        </a>
        <div class="checkboxes-list">
            <div class="field">
                @php
                    $type = ['Submit Document', 'Under Review', 'Approved', 'Decline'];
                @endphp
                @foreach ($type as $item)
                    <div class="control" @if ($loop->index != 0) style="margin-top: -10px" @endif>
                        <label class="checkbox">
                            <input type="checkbox" name="status[]" value="{{ $item }}"
                                id="{{ $item }}">
                            <span style="height: 14px !important;width:14px !important"></span>
                            <span class="fs-12 fw-400 text-grey-light">
                                {{ $item }}
                            </span>
                        </label>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@elseif ($filter == 'detail_permitted_to_work')
    <div class="dropdown-content hglls">
        <div class="dropdown-item fs-14 fw-500 text-dark">@lang('app.filter_by')</div>
        <hr class="dropdown-divider">
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="allCheck2" id="allCheck2">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            <b>ALL CHECK</b>                        
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <a class="dropdown-item fs-12 fw-500 text-grey-light">
            {{ strtoupper(__('app.gender')) }}
        </a>
        <div class="checkboxes-list">
            <div class="field">
                <div class="control">
                    <label class="checkbox">
                        <input type="checkbox" name="gender[]" value="Male" id="male">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.male')
                        </span>
                    </label>
                </div>
                <div class="control" style="margin-top: -10px">
                    <label class="checkbox">
                        <input type="checkbox" name="gender[]" value="Female" id="female">
                        <span style="height: 14px !important;width:14px !important"></span>
                        <span class="fs-12 fw-400 text-grey-light">
                            @lang('app.female')
                        </span>
                    </label>
                </div>
            </div>
        </div>
    </div>
@endif

<script>
$('#allCheck').on('change', function () {
    const checked = $(this).is(':checked');

    $('input[type="checkbox"]').not(this).each(function () {
        $(this).prop('checked', checked)
               .trigger('change'); // 🔥 trigger ajax
    });
});
document.addEventListener('DOMContentLoaded', function () {
    const allCheck = document.getElementById('allCheck');
    const checkboxes = document.querySelectorAll(
        'input[type="checkbox"]:not(#allCheck)'
    );

    allCheck.addEventListener('change', function () {
        checkboxes.forEach(cb => {
            cb.checked = this.checked;

            // 🔥 paksa trigger event change
            cb.dispatchEvent(new Event('change'));
        });
    });
});
</script>

<script>

document.addEventListener('DOMContentLoaded', function () {
    const allCheck2 = document.getElementById('allCheck2');
    const checkboxes = document.querySelectorAll(
        'input[type="checkbox"]:not(#allCheck2)'
    );

    allCheck2.addEventListener('change', function () {
        checkboxes.forEach(cb => {
            cb.checked = this.checked;

            // 🔥 paksa trigger event change
            cb.dispatchEvent(new Event('change'));
        });
    });
});
</script>