@extends('reports.layout')
@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-12 col-12 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="{{ $orgUrl . '/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()->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()->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="{{ $orgUrl . '/leaves/create' }}">
                                    <span>
                                        <i class="fa fa-plus" aria-hidden="true"></i>
                                        {{ trans('common/common.add_new') }}
                                    </span>
                                </a>
                            @endif
                            @if (Auth::user()->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="{{ $orgUrl . '/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"
                                type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasEnd"
                                aria-controls="offcanvasEnd">
                                <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">
                    <div class="card-header border-bottom p-1 d-flex justify-content-between align-items-center">
                        <ul class="nav nav-tabs border-bottom" role="tablist">
                            @if (request()->auth_type == 'user')
                                <li class="nav-item">
                                    <a class="nav-link {{ $tab1 == 'all-requests' ? 'active' : '' }}"
                                        href="{{ $orgUrl }}/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="{{ $orgUrl }}/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="{{ $orgUrl }}/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="{{ $orgUrl }}/leave-approvals?tab1=my-approvals&{{ http_build_query(request()->except('tab1', 'tab2', 'page')) }}">
                                    My Approvals
                                </a>
                            </li>
                        </ul>
                        <div class="d-flex align-items-center">
                            <label for="limit" class="form-label mb-0 me-2">Show Records</label>
                            <select id="limit" class="form-select form-select-sm w-auto">
                                <option value="20" {{ request()->limit == 20 ? 'selected' : '' }}>20</option>
                                <option value="50" {{ request()->limit == 50 ? 'selected' : '' }}>50</option>
                                <option value="75" {{ request()->limit == 75 ? 'selected' : '' }}>75</option>
                                <option value="100" {{ request()->limit == 100 ? 'selected' : '' }}>100</option>
                            </select>
                        </div>
                    </div>
                    
                    <form method="GET">
                        <div class="row align-items-center">
                            <div class="col-md-8"></div>
                            <div class="col-md-4 row">
                                <input type="hidden" name="limit" id="limit-filter" value="{{request()->limit}}">
                                <div class="col-md-10" style="float: right;">
                                    @foreach (request()->except('search', 'auth_user', 'organization_ids') as $key => $value)
                                        @if (is_array($value))
                                            @foreach ($value as $arrayValue)
                                                <input type="hidden" name="{{ $key }}[]" value="{{ $arrayValue }}">
                                            @endforeach
                                        @else
                                            <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                                        @endif
                                    @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="{{ $orgUrl }}/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="{{ $orgUrl }}/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="{{ $orgUrl }}/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="{{ $orgUrl }}/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="{{ $orgUrl }}/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="{{ $orgUrl }}/leave-approvals?tab2=revoked&{{ http_build_query(request()->except('tab2', 'page')) }}">Revoked
                                    </a>
                                </li>
                            @endif
                        </ul>
                        <table class="dt-column-search table table-responsive dataTable" id="dataTable" data-url="">
                            <thead>
                                @if (
                                    ($tab1 == 'my-approvals' || ($tab1 == 'all-requests' && Auth::user()->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>{{ trans('request/request.pending_at') }}</th>
                                <th>{{ trans('request/request.approval_level') }}</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()->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 ? App\Helpers\GeneralHelper::dateFormat($teamLeave->from_date) : '-' }}
                                            </td>
                                            <td>{{ $teamLeave->to_date ? App\Helpers\GeneralHelper::dateFormat($teamLeave->to_date) : '-' }}
                                            </td>
                                            <td>{{ $teamLeave->leave_duration }}</td>
                                            <td>{{ $teamLeave->no_of_leaves }}</td>
                                            <td>{{ $teamLeave->pendingApprovalLevel->approver->name ?? '-' }}</td>
                                            <td>{{ $teamLeave->pendingApprovalLevel->approver_level ?? '-' }}</td>
                                            <td>
                                                @if (isset($teamLeave->myApprovalLevel->status))
                                                    <span
                                                        class="badge rounded-pill badge-light-{{ strtolower($teamLeave->myApprovalLevel->status) == 'approved' ? 'success' : (in_array(strtolower($teamLeave->myApprovalLevel->status), ['revoked', 'rejected']) ? 'danger' : 'warning') }}">
                                                        {{ ucfirst($teamLeave->myApprovalLevel->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 ? App\Helpers\GeneralHelper::dateTimeFormat($teamLeave->created_at) : '-' }}
                                            </td>
                                            <td>
                                                @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="{{ $orgUrl . '/leave-approval/' . $teamLeave->id }}">
                                                            <i data-feather="eye" class="font-4"></i><span
                                                                class="align-middle"> View</span>
                                                        </a>
                                                            @if ($tab1 == 'my-requests' && $teamLeave->status == 'pending')
                                                                <a class="dropdown-item" href="javascript:;"
                                                                    data-url="{{ $orgUrl }}/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()->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()->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
                                                    </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>

        {{-- Leave specific filters, rendered inside reports.filters (push must come before the include) --}}
        @push('custom-filters-top')
            <label class="form-label mt-2" for="leave_date_range">Select Date Range</label>
            <input type="text" name="date_range" id="leave_date_range" class="form-control"
                value="{{ Request::get('date_range') }}" placeholder="YYYY-MM-DD to YYYY-MM-DD" />
        @endpush

        @push('custom-filters')
            <label class="form-label mt-2">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>

            <label class="form-label mt-2">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>

            <a href="{{ $orgUrl . '/leave-approvals' }}" class="btn btn-outline-secondary mt-2 w-100">Clear</a>
        @endpush

        <div class="offcanvas-end-example">
            <form method="GET">
                <input type="hidden" name="tab1" value="{{ $tab1 }}">
                <input type="hidden" name="tab2" value="{{ $tab2 }}">
                @include('reports.filters')
            </form>
        </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>
            $('#leave_date_range').flatpickr({
                mode: 'range',
                dateFormat: 'Y-m-d',
            });

            $("#search").change(function() {
                this.form.submit();
            });
            
            $("#limit").change(function() {
                let limit = $(this).val();
                $("input[name='limit']").val(limit);
                $("#search").closest("form").submit();
            });

            var remarksMandatory = {{$remarksMandatory ? 'true' : 'false'}};
            
            function leaveAction(status) {
                var leaveIds = $('.checkbox-check:checked');

                if (leaveIds.length <= 0) {
                    Swal.fire("Error!", "Please Select Leave", "warning");
                    return false;
                }

                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) {  

                        if (remarksMandatory) {
                            Swal.fire({
                                title: 'Enter Remark<span style="color:red">*</span>',
                                input: 'textarea',
                                inputPlaceholder: 'Type your remark here...',
                                showCancelButton: true,
                                confirmButtonText: 'Submit',
                                cancelButtonText: 'Cancel',
                                inputValidator: (value) => {
                                    if (!value || !value.trim()) {
                                        return 'Remark is required!';
                                    }
                                }
                            }).then((remarkResult) => {
                                if (remarkResult.value) {
                                    submitLeaveAction(status, statusStr, remarkResult.value);
                                }
                            });

                        } else {
                            Swal.fire({
                                title: 'Enter Remark (Optional)',
                                input: 'textarea',
                                inputPlaceholder: 'Type your remark here...',
                                showCancelButton: true,
                                confirmButtonText: 'Submit',
                                cancelButtonText: 'Skip',
                            }).then((remarkResult) => {
                                if (remarkResult.value !== undefined || remarkResult.dismiss === Swal.DismissReason.cancel) {
                                    const remark = remarkResult.value || '';
                                    submitLeaveAction(status, statusStr, remark);
                                }
                            });
                        }
                    }
                });
            }


            function submitLeaveAction(status, statusStr, remark) {
                console.log('hiisdhgcwejy');
                var values = $("input[name='leaveIds[]']:checked").map(function() {
                    return $(this).val();
                }).get();

                if (values.length > 0) {
                    var url = "{{ $orgUrl . '/leave-approvals' }}";
                    var tab1 = "{{ $tab1 ?? '' }}";

                    $.ajax({
                        type: 'POST',
                        url: url,
                        data: {
                            '_method': 'POST',
                            'tab1': tab1,
                            'ids': values,
                            'status': status,
                            'remark': remark
                        },
                        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() {
                            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) {
                            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',
                                inputValidator: (value) => {
                                    if (!value || !value.trim()) {
                                        return 'Remark is required!';
                                    }
                                }
                            }).then((remarkResult) => {
                                if (remarkResult.value) {
                                    var url = "{{ $orgUrl }}" + "/leave-approval/" + id + "/cancellation";
                                    var token = "{{ csrf_token() }}";
                                    $.ajax({
                                        type: 'POST',
                                        url: url,
                                        data: {
                                            '_token': token,
                                            '_method': 'POST',
                                            'remarks': remarkResult.value
                                        },
                                        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: "{{ $orgUrl . '/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
@endsection