@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="content-header row breadcrumbs-top">
        <div class="content-header-left col-md-6 col-6 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-start mb-0">
                        @if (request()->auth_type == 'employee')
                            HOD
                        @endif
                        Leave Dashboard
                    </h2>
                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{  '/home' }}">Home</a>
                            </li>
                            <li class="breadcrumb-item active">
                                @if (request()->auth_type == 'employee')
                                    Admin
                                @endif
                                Leave Dashboard
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <section id="column-search-datatable">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        {{-- <h2 class="content-header-title float-start mb-0">Leave Approvals</h2> --}}
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-end col-md-6 col-12 d-md-block d-none">
                <div class="mb-1 breadcrumb-right">
                    <div class="mx-1">
                        <div class="dropdown">
                            @if (
                                ($tab1 == 'my-approvals' || ($tab1 == 'all-requests' && Auth::user()->authUser()->isOrganizationalAdmin())) &&
                                    ($tab2 == '' || $tab2 == 'pending'))
                                <button onclick="leaveAction('{{ App\Helpers\ConstantHelper::REJECTED }}')"
                                    class="btn btn-danger btn-sm waves-effect waves-float waves-light approval-multiple-btn">
                                    <i data-feather="x-circle"></i> Reject
                                </button>
                                <button onclick="leaveAction('{{ App\Helpers\ConstantHelper::APPROVED }}')"
                                    class="btn btn-success btn-sm waves-effect waves-float waves-light approval-multiple-btn">
                                    <i data-feather="check-circle"></i> Approve
                                </button>
                            @endif
                            @if (Auth::user()->authUser()->can_role('Leaves Add'))
                                <a class="create-new btn btn-primary btn-sm waves-effect waves-float waves-light approval-multiple-btn"
                                    tabindex="0" aria-controls="organization" href="{{  '/leaves/create' }}">
                                    <span>
                                        <i class="fa fa-plus" aria-hidden="true"></i>
                                        {{ trans('common/common.add_new') }}
                                    </span>
                                </a>
                            @endif
                            @if (Auth::user()->authUser()->can_role('Import Leave') && request()->auth_type == 'user')
                                <a class="create-new btn btn-primary btn-sm waves-effect waves-float waves-light approval-multiple-btn"
                                    tabindex="0" aria-controls="organization" href="{{  '/leaves/import' }}">
                                    <span>Import Leaves</span>
                                </a>
                            @endif
                            <button
                                class="px-2 btn-icon btn btn-secondary btn-sm waves-effect waves-float waves-light approval-multiple-btn"
                                type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Export
                            </button>
                            <button
                                class="px-2 btn-primary btn-sm waves-effect waves-float waves-light approval-multiple-btn"
                                data-bs-target="#filter" data-bs-toggle="modal">
                                <i data-feather="filter"></i>
                            </button>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" target="_blank"
                                    href="{{ url()->current() . '?' . request()->getQueryString() . '&export=excel' }}">
                                    <span>{{ trans('common/common.excel') }}</span>
                                </a>
                                <a class="dropdown-item" target="_blank"
                                    href="{{ url()->current() . '?' . request()->getQueryString() . '&export=pdf' }}">
                                    <span>{{ trans('common/common.pdf') }}</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <ul class="nav nav-tabs border-bottom" role="tablist">
                        @if (Auth::user()->authenticable_type == 'user')
                            <li class="nav-item">
                                <a class="nav-link {{ $tab1 == 'all-requests' ? 'active' : '' }}"
                                    href="/leave-approvals?tab1=all-requests&{{ http_build_query(request()->except('tab1', 'tab2', 'page')) }}">
                                    All Requests
                                </a>
                            </li>
                        @else
                            <li class="nav-item">
                                <a class="nav-link {{ $tab1 == 'my-requests' ? 'active' : '' }}"
                                    href="/leave-approvals?tab1=my-requests&{{ http_build_query(request()->except('tab1', 'tab2', 'page')) }}">
                                    My Requests
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {{ $tab1 == 'team-requests' ? 'active' : '' }}"
                                    href="/leave-approvals?tab1=team-requests&{{ http_build_query(request()->except('tab1', 'tab2', 'page')) }}">
                                    Team Requests
                                </a>
                            </li>
                        @endif
                        <li class="nav-item">
                            <a class="nav-link {{ $tab1 == 'my-approvals' ? 'active' : '' }}"
                                href="/leave-approvals?tab1=my-approvals&{{ http_build_query(request()->except('tab1', 'tab2', 'page')) }}">
                                My Approvals
                            </a>
                        </li>
                    </ul>

                    <form method="GET">
                        <div class="row align-items-center">
                            <div class="col-md-8"></div>
                            <div class="col-md-4 row">
                                <div class="col-md-10" style="float: right;">
                                    @foreach (request()->except('search', 'auth_user', 'organization_ids') as $key => $value)
                                        <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                                    @endforeach
                                    @if (!empty(request()->organization_ids))
                                        @foreach (request()->organization_ids as $key => $value)
                                            <input type="hidden" name="organization_id[]" value="{{ $value }}">
                                        @endforeach
                                    @endif
                                    <input type="text" name="search" placeholder="Search by name" id="search"
                                        class="form-control" value="{{ request()->search }}">
                                </div>
                                <div class="col-md-2" style="float: right;">
                                    <button type="submit" class="btn btn-primary btn-sm d-grid">
                                        <i data-feather="search"></i>
                                    </button>
                                </div>
                            </div>
                    </form>

                    <div class="card-datatable">
                        <ul class="nav nav-tabs border-bottom" style="float: right;" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link {{ $tab2 == '' ? 'active' : '' }}"
                                    href="/leave-approvals?tab2=&{{ http_build_query(request()->except('tab2', 'page')) }}">All
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {{ $tab2 == 'pending' ? 'active' : '' }}"
                                    href="/leave-approvals?tab2=pending&{{ http_build_query(request()->except('tab2', 'page')) }}">Pending
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {{ $tab2 == 'approved' ? 'active' : '' }}"
                                    href="/leave-approvals?tab2=approved&{{ http_build_query(request()->except('tab2', 'page')) }}">Approved
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {{ $tab2 == 'rejected' ? 'active' : '' }}"
                                    href="/leave-approvals?tab2=rejected&{{ http_build_query(request()->except('tab2', 'page')) }}">Rejected
                                </a>
                            </li>
                            @if (request()->auth_type == 'user')
                                <li class="nav-item">
                                    <a class="nav-link {{ $tab2 == 'cancelled' ? 'active' : '' }}"
                                        href="/leave-approvals?tab2=cancelled&{{ http_build_query(request()->except('tab2', 'page')) }}">Cancelled
                                    </a>
                                </li>
                            @endif
                            @if ($tab1 == 'all-requests')
                                <li class="nav-item">
                                    <a class="nav-link {{ $tab2 == 'revoked' ? 'active' : '' }}"
                                        href="/leave-approvals?tab2=revoked&{{ http_build_query(request()->except('tab2', 'page')) }}">Revoked
                                    </a>
                                </li>
                            @endif
                        </ul>
                        <table class="dt-column-search table" id="dataTable" data-url="">
                            <thead>
                                @if (
                                    ($tab1 == 'my-approvals' || ($tab1 == 'all-requests' && Auth::user()->authUser()->isOrganizationalAdmin())) &&
                                        ($tab2 == '' || $tab2 == 'pending'))
                                    <th>Bulk A / R
                                        <br>
                                        <input type="checkbox" id="selectAll" class="form-check-input"
                                            title="Select All">
                                    </th>
                                @endif
                                <th>Employee Name</th>
                                <th>Employee Code</th>
                                <th>Leave Type</th>
                                <th>From Date</th>
                                <th>To Date</th>
                                <th>Duration</th>
                                <th>No of Leave</th>
                                <th>My Status</th>
                                <th>Final Status</th>
                                <th>Apply Date</th>
                                <th>Applied By</th>
                                <th>{{ trans('common/common.actions') }}</th>
                            </thead>
                            <tbody>
                                @if (count($teamLeaves) > 0)
                                    @foreach ($teamLeaves as $teamLeave)
                                        <tr class="even">
                                            @if (
                                                ($tab1 == 'my-approvals' || ($tab1 == 'all-requests' && Auth::user()->authUser()->isOrganizationalAdmin())) &&
                                                    ($tab2 == '' || $tab2 == 'pending'))
                                                <td class="pe-0">
                                                    @if ($teamLeave->status == 'pending')
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input checkbox-check" type="checkbox"
                                                                id="inlineCheckbox1" name="leaveIds[]"
                                                                value="{{ $teamLeave->id }}">
                                                        </div>
                                                    @endif
                                                </td>
                                            @endif
                                            <td class="">
                                                <div class="d-flex">
                                                    <div class="avatar me-75">
                                                        <img src="{{ $teamLeave->employee->image ?? '/assets/img/default-profile-3.png' }}"
                                                            width="32" height="32">
                                                    </div>
                                                    <div class="my-auto">
                                                        <h6 class="mb-0 fw-bolder text-dark">
                                                            {{ $teamLeave->employee->name }}</h6>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="fw-bolder">{{ $teamLeave->employee->employee_code ?? '' }}</td>
                                            <td class="fw-bolder text-dark">{{ $teamLeave->leaveType->name ?? '' }}</td>
                                            <td>{{ $teamLeave->from_date}}
                                            </td>
                                            <td>{{ $teamLeave->to_date }}
                                            </td>
                                            <td>{{ $teamLeave->leave_duration }}</td>
                                            <td>{{ $teamLeave->no_of_leaves }}</td>
                                            {{-- @dd($teamLeave); --}}
                                            <td>
                                                @if (isset($teamLeave->approvalLevel->status))
                                                    <span
                                                        class="badge rounded-pill badge-light-{{ strtolower($teamLeave->approvalLevel->status) == 'approved' ? 'success' : (in_array(strtolower($teamLeave->approvalLevel->status), ['revoked', 'rejected']) ? 'danger' : 'warning') }}">
                                                        {{ ucfirst($teamLeave->approvalLevel->status) }}
                                                    </span>
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td>
                                                <span
                                                    class="badge rounded-pill badge-light-{{ strtolower($teamLeave->status) == 'approved' ? 'success' : (in_array(strtolower($teamLeave->status), ['revoked', 'rejected']) ? 'danger' : 'warning') }}">
                                                    {{ ucfirst($teamLeave->status) }}
                                                </span>
                                            </td>
                                            <td>{{ $teamLeave->created_at}}
                                            </td>
                                            <td>
                                                {{-- @dd($teamLeave->createdBy); --}}
                                                @php
                                                    if ($teamLeave->created_by_type == 'user') {
                                                        $appliedBy = $teamLeave->createdBy;
                                                    } else {
                                                        $appliedBy = $teamLeave->createdByEmployee;
                                                    }
                                                @endphp
                                                {{ $appliedBy->name ?? '' }}
                                            </td>
                                            <td>
                                                <div class="mb-1">
                                                    <a class="dropdown-toggle hide-arrow text-primary"
                                                        data-bs-toggle="dropdown">
                                                        <i data-feather="more-vertical" class="font-small-4"></i>
                                                    </a>
                                                    <div class="dropdown-menu dropdown-menu-end">
                                                        <a class="dropdown-item"
                                                            href="{{  '/leave-approval/' . $teamLeave->id }}">
                                                            <i data-feather="eye" class="font-4"></i><span
                                                                class="align-middle"> View</span>
                                                        </a>
                                                        @if ($teamLeave->employee->status == 'active')
                                                            @if ($tab1 == 'my-requests' && $teamLeave->status == 'pending')
                                                                <a class="dropdown-item" href="javascript:;"
                                                                    data-url="/revoked/{{ App\Helpers\ConstantHelper::REVOKED }}/{{ $teamLeave->id }}"
                                                                    data-request="remove" data-method="POST"
                                                                    data-message="Are you sure you want to revoke leave ?">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="14"
                                                                        height="14" viewBox="0 0 24 24" fill="none"
                                                                        stroke="currentColor" stroke-width="2"
                                                                        stroke-linecap="round" stroke-linejoin="round"
                                                                        class="feather feather-x-circle">
                                                                        <circle cx="12" cy="12" r="10">
                                                                        </circle>
                                                                        <line x1="15" y1="9"
                                                                            x2="9" y2="15"></line>
                                                                        <line x1="9" y1="9"
                                                                            x2="15" y2="15"></line>
                                                                    </svg>
                                                                    Revoke
                                                                </a>
                                                            @endif
                                                            @if (
                                                                ($tab1 == 'my-approvals' || ($tab1 == 'all-requests' && Auth::user()->authUser()->isOrganizationalAdmin())) &&
                                                                    (($tab2 == '' && $teamLeave->status == 'pending') || $tab2 == 'pending'))
                                                                <a class="dropdown-item" href="javascript:;"
                                                                    data-bs-target="#viewaccess" data-bs-toggle="modal"
                                                                    onclick="viewLeave('{{ $teamLeave->id }}')">
                                                                    <i data-feather="check-circle"
                                                                        class="font-4"></i><span class="align-middle">
                                                                        Action</span>
                                                                </a>
                                                            @endif
                                                            @if (request()->auth_type == 'user' && $teamLeave->status == 'approved' && Auth::user()->authUser()->can_role('Leaves Edit'))
                                                                <a class="dropdown-item sa-params" href="javascript:;"
                                                                    onclick="cancelLeave('{{ $teamLeave->id }}');">
                                                                    <i data-feather="trash" class="font-4"
                                                                        aria-hidden="true">
                                                                    </i>
                                                                    <span class="align-middle">
                                                                        Cancel Leave
                                                                    </span>
                                                                </a>
                                                            @endif
                                                        @endif
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>

                        @if (count($teamLeaves) == 0)
                            <div>
                                <center>No record(s) found!</center>
                            </div>
                        @endif

                        <div class="d-flex justify-content-between mx-0 row">
                            <div class="col-md-6">
                                <div class="dataTables_info" id="DataTables_Table_0_info" role="status"
                                    aria-live="polite">
                                    Showing {{ $teamLeaves->firstItem() }} to {{ $teamLeaves->lastItem() }} of
                                    {{ $teamLeaves->total() }} entries
                                </div>
                            </div>
                            <div class="col-md-6">
                                <nav aria-label="Page navigation example">
                                    <ul class="pagination pagination-flat justify-content-end">
                                        {{ $teamLeaves->appends(request()->input())->links('pagination::bootstrap-4') }}
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal modal-slide-in fade filterpopuplabel" id="filter">
            <div class="modal-dialog sidebar-sm">
                <form class="add-new-record modal-content pt-0" method="GET">
                    <div class="modal-header mb-1">
                        <h5 class="modal-title" id="exampleModalLabel">Apply Filter</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">×</button>
                    </div>
                    <input type="hidden" name="tab1" value="{{ $tab1 }}">
                    <input type="hidden" name="tab2" value="{{ $tab2 }}">
                    <div class="modal-body flex-grow-1">
                        <div class="mb-1">
                            <label class="form-label" for="fp-range">Select Date Range</label>
                            <input type="hidden" name="search" placeholder="Search" id="SearchFilter"
                                class="form-control" value="{{ request()->input('search') }}">

                            <input type="text" name="date_range" class="form-control flatpickr-range"
                                value="{{ Request::get('date_range') }}" placeholder="YYYY-MM-DD to YYYY-MM-DD" />
                        </div>

                        <div class="mb-1">
                            <label class="form-label">Select Duration</label>
                            <select class="form-control select2" name="leave_duration">
                                <option value=" ">All</option>
                                @foreach ($leaveDurations as $leaveDuration)
                                    <option value="{{ $leaveDuration }}"
                                        {{ Request::get('leave_duration') == $leaveDuration ? 'selected' : '' }}>
                                        {{ ucfirst($leaveDuration) }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-1">
                            <label class="form-label">Select Leave Type</label>
                            <select class="form-control select2" name="leave_type_id">
                                <option value=" ">All</option>
                                @foreach ($leaveTypes as $leaveType)
                                    <option value="{{ $leaveType->id }}"
                                        {{ Request::get('leave_type_id') == $leaveType->id ? 'selected' : '' }}>
                                        {{ ucfirst($leaveType->name) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer justify-content-start">
                        <button type="submit" class="btn btn-primary data-submit mr-1">Apply</button>
                        <a href="{{  '/leave-approvals' }}" class="btn btn-outline-secondary"
                            data-dismiss="modal">Clear
                        </a>
                    </div>
                </form>
            </div>
        </div>

        <!-- Leave Modal View -->
        <div class="modal fade text-start approval-screenhod" id="viewaccess" tabindex="-1"
            aria-labelledby="myModalLabel17" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    {{-- <h2><p id="loader-status" class="text-center">Loading....</p></h2> --}}
                    <div id="page-modal-render">
                        {{-- render dynamic pages modal here --}}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    @push('footer-script')
        <!-- BEGIN: Page Vendor JS-->
        <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>
        <!-- END: Page Vendor JS-->
        <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>

        <!-- BEGIN: Page JS-->
        <script src="{{ asset('js/common-script.js') }}"></script>
        <script src="{{ asset('js/sweetalert.js') }}"></script>
        <!-- END: Page JS-->

        <script>
            $("#search").change(function() {
                this.form.submit();
            });

            function leaveAction(status) {
                var leaveIds = $('.checkbox-check:checked');
                if (leaveIds.length <= 0) {
                    Swal.fire("Error!", "Please Select Leave", "warning");
                } else {
                    var statusStr = (status == 'approved') ? 'Approve' : 'Reject';
                    Swal.fire({
                        title: "Alert! ",
                        text: "Are you sure you want to " + statusStr + " this leave request?",
                        showCancelButton: true,
                        confirmButtonColor: "#3085d6",
                        cancelButtonColor: "#d33",
                        confirmButtonText: "Yes, please!",
                    }).then((result) => {
                        if (result.value) {
                            Swal.fire({
                                title: 'Enter Remark',
                                input: 'textarea',
                                inputLabel: 'Please provide a remark for this action:',
                                inputPlaceholder: 'Type your remark here...',
                                showCancelButton: true,
                                confirmButtonText: 'Submit',
                                cancelButtonText: 'Cancel',
                            }).then((remarkResult) => {
                                if (remarkResult.value) {
                                    var values = $("input[name='leaveIds[]']:checked").map(function() {
                                        return $(this).val();
                                    }).get();
                                    if (values.length > 0) {
                                        var url = "{{  '/leave-approvals' }}";
                                        var tab1 = "{{ $tab1 ?? '' }}";
                                        $.ajax({
                                            type: 'POST',
                                            url: url,
                                            data: {
                                                '_method': 'POST',
                                                'tab1': tab1,
                                                'ids': values,
                                                'status': status,
                                                'remark': remarkResult.value
                                            },
                                            success: function(response) {
                                                if (response.code === 422) {
                                                    let errorMessages = '';
                                                    $.each(response.errors, function(key,
                                                        messages) {
                                                        if (Array.isArray(messages)) {
                                                            errorMessages +=
                                                                `<p>${messages.join('<br>')}</p>`;
                                                        } else {
                                                            errorMessages +=
                                                                `<p>${messages}</p>`;
                                                        }
                                                    });
                                                    Swal.fire("Unable to " + statusStr,
                                                        errorMessages, "error");
                                                } else if (response.message) {
                                                    Swal.fire("Success!", response.message,
                                                        "success");
                                                    setTimeout(function() {
                                                        location.reload(true);
                                                    }, 2200);
                                                }
                                            },
                                            error: function(xhr) {
                                                Swal.fire("Error!",
                                                    "An error occurred while processing the request.",
                                                    "error");
                                            }
                                        });
                                    }
                                }
                            });
                        }
                    });
                }
            }

            function cancelLeave(id) {
                var msg =
                    Swal.fire({
                        title: "@lang('messages.sweetAlertTitle')",
                        text: "@lang('messages.cancelLeave')",
                        icon: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#DD6B55",
                        confirmButtonText: "@lang('messages.deleteConfirmation')",
                        cancelButtonText: "@lang('messages.confirmNoArchive')",
                        closeOnConfirm: true,
                        closeOnCancel: true
                    }).then(function(isConfirm) {
                        if (isConfirm?.value) {
                            var url =  "/leave-approval/" + id + "/cancellation";
                            var token = "{{ csrf_token() }}";
                            $.ajax({
                                type: 'POST',
                                url: url,
                                data: {
                                    '_token': token,
                                    '_method': 'POST'
                                },
                                success: function(response) {
                                    if (response.code == "success") {
                                        Swal.fire("Success!", response.message, "success");
                                        setTimeout(() => {
                                            location.reload();
                                        }, 2000);
                                    } else {
                                        Swal.fire({
                                            title: "Error!",
                                            text: response.message,
                                            icon: "warning",
                                            confirmButtonColor: "#DD6B55",
                                            confirmButtonText: "Ok",
                                            closeOnConfirm: true
                                        });
                                    }
                                }
                            });
                        }
                    });
            }

            function viewLeave(leave_id) {
                $('#page-modal-render').html('');
                var token = "{{ csrf_token() }}";
                $.ajax({
                    headers: {
                        'X-CSRF-Token': $('meta[name=_token]').attr('content')
                    },
                    url: "{{  '/leave-approval-details' }}",
                    type: 'GET',
                    cache: false,
                    data: {
                        '_token': token,
                        'leave_id': leave_id,
                    },
                    datatype: 'html',
                    success: function(data) {
                        $('#loader-status').html('');
                        $('#page-modal-render').html(data.data);
                    }
                });
            }

            $('#selectAll').click(function(e) {
                if ($('#selectAll').is(":checked")) {
                    $('input[name="leaveIds[]"]').prop('checked', true);
                } else {
                    $('input[name="leaveIds[]"]').prop('checked', false);
                }
            });
        </script>
    @endpush