@extends('app-new')
@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <!-- END: Page CSS-->
@endpush

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

@push('prev-next-head')
    <div class="content-header-right text-end col-md-3 col-12">
        <div class="form-group breadcrumb-right">
            <button class="btn-icon btn btn-primary btn-round btn-sm dropdown-toggle waves-effect waves-float waves-light"
                data-bs-target="#filter" data-bs-toggle="modal"><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-filter">
                    <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>
                </svg></button>
        </div>
    </div>
@endpush

@section('content')

    <div class="content-body dasboardnewbody">
        <!-- ChartJS section start -->
        <section id="chartjs-chart">
            <div class="row">
                <div class="col-md-12 col-12">
                    <div class="card  new-cardbox">

                        <ul class="nav nav-tabs border-bottom" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link {{ !empty($tab) ? ($tab == 'pending' ? 'active' : '') : 'active' }}"
                                    href="/hr-leave-dashboard?tab=pending&{{ http_build_query(request()->except('tab', 'page')) }}">Pending
                                    &nbsp;<span>({{ $pendingLeaves->total() }})</span></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {{ $tab == 'approved' ? 'active' : '' }}"
                                    href="/hr-leave-dashboard?tab=approved&{{ http_build_query(request()->except('tab', 'page')) }}">Approved
                                    &nbsp;<span>({{ $approveLeaves->total() }})</span></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {{ $tab == 'rejected' ? 'active' : '' }}"
                                    href="/hr-leave-dashboard?tab=rejected&{{ http_build_query(request()->except('tab', 'page')) }}">Rejected
                                    &nbsp;<span>({{ $rejectLeaves->total() }})</span></a>
                            </li>

                        </ul>

                        <div class="tab-content">
                            <div class="card-header border-bottom p-1">
                                <div class="head-label">
                                </div>
                                <div class="dt-action-buttons text-end">
                                    <div class="dt-buttons d-inline-flex">
                                        <div class="form-label-group me-2">
                                            <input type="text" name="search" placeholder="Search by name" id="search"
                                                class="form-control" value="{{ $search }}" onchange="putInFilters()">
                                        </div>
                                        <a class="dt-a buttons-collection btn btn-outline-info me-2"
                                            href="{{  '/hr-leave/pdf' }}{{ Request::getQueryString() ? '?' . Request::getQueryString() : '' }}">
                                            <span><i class="font-small-4 me-50"
                                                    data-feather="share"></i>{{ trans('common/common.export') }}</span>
                                        </a>

                                        <a class="dt-button create-new btn btn-primary" tabindex="0"
                                            aria-controls="organization" href="{{  '/leaves/import' }}">
                                            <span>Import Leaves
                                            </span>
                                        </a>

                                        @if (Auth::user()->can_role('Leaves Edit'))
                                            <button onclick="leaveAction('{{ App\Helpers\ConstantHelper::APPROVED }}')"
                                                class="btn btn-success btn-sm waves-effect waves-float waves-light mx-1">
                                                <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-check-circle">
                                                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
                                                    <polyline points="22 4 12 14.01 9 11.01"></polyline>
                                                </svg>
                                                Approve
                                            </button>
                                        @endif

                                    </div>
                                </div>

                            </div>

                            <div class="tab-pane {{ !empty($tab) ? ($tab == 'pending' ? 'active' : '') : 'active' }}"
                                id="pendingLeave">
                                <div class="table-responsive">
                                    <table class="dt-column-search table table-responsive" id="dataTable" data-url="">
                                        <thead>
                                            <th>
                                                <input type="checkbox" id="selectAll" class="form-check-input"
                                                    title="Select All">
                                            </th>
                                            <th>Employee Name</th>
                                            <th>Manager Name</th>
                                            <th>Leave Type</th>
                                            <th>Leave Duration</th>
                                            <th>From Date</th>
                                            <th>To Date</th>
                                            <th>Applied Date/Time</th>
                                            <th>No of Leave</th>
                                            <th>Manager Status</th>
                                            <th>status</th>
                                            <th>{{ trans('common/common.actions') }}</th>
                                        </thead>
                                        <tbody>
                                            @if (count($pendingLeaves) > 0)
                                                @foreach ($pendingLeaves as $key => $pendingLeave)
                                                    <tr class="even">
                                                        <td class="pe-0">
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input idCheck" type="checkbox"
                                                                    id="inlineCheckbox1" name="leaveIds[]"
                                                                    value="{{ $pendingLeave->id }}">
                                                            </div>
                                                        </td>
                                                        <td class="">
                                                            <div class="d-flex flex-row">
                                                                <div class="avatar me-75">
                                                                    <img src="{{ isset($pendingLeave->employee->image) ? $pendingLeave->employee->image : '' }}"
                                                                        onerror="this.src='/assets/img/default-profile-3.png'"
                                                                        width="32" height="32"
                                                                        alt="{{ isset($pendingLeave->employee->name) ? $pendingLeave->employee->name : '' }}">
                                                                </div>
                                                                <div class="my-auto">
                                                                    <h6
                                                                        class="mb-0 fw-bolder text-dark hr-dashfullemplname">
                                                                        {{ isset($pendingLeave->employee->name) ? $pendingLeave->employee->name : '' }}
                                                                        ({{ isset($pendingLeave->employee) ? $pendingLeave->employee->employee_code : '' }})
                                                                    </h6>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="fw-bolder text-dark">
                                                            {{ isset($pendingLeave->employee->hod->name) ? $pendingLeave->employee->hod->name : '' }}
                                                        </td>
                                                        <td class="fw-bolder text-dark">
                                                            {{ isset($pendingLeave->leaveType->name) ? $pendingLeave->leaveType->name : '' }}
                                                        </td>
                                                        <td>{{ ucfirst($pendingLeave->leave_duration) }}</td>
                                                        <td>
                                                            {{ $pendingLeave->from_date ? App\Helpers\GeneralHelper::dateFormat($pendingLeave->from_date) : '-' }}
                                                            {{ $pendingLeave->from_time ? '(' . date('H:i', strtotime($pendingLeave->from_time)) . ')' : '' }}
                                                        </td>
                                                        <td>
                                                            {{ $pendingLeave->to_date ? App\Helpers\GeneralHelper::dateFormat($pendingLeave->to_date) : '-' }}
                                                            {{ $pendingLeave->to_time ? '(' . date('H:i', strtotime($pendingLeave->to_time)) . ')' : '' }}
                                                        </td>
                                                        <td>
                                                            {{ $pendingLeave->created_at ? App\Helpers\GeneralHelper::dateTimeFormat($pendingLeave->created_at) : '-' }}
                                                        </td>
                                                        <td class="fw-bolder">
                                                            <a class="waves-float waves-light"
                                                                data-bs-target="#viewaccess" data-bs-toggle="modal"
                                                                onclick="viewLeave('{{ $pendingLeave->employee_id }}')">
                                                                {{ $pendingLeave->no_of_leaves ? $pendingLeave->no_of_leaves : '' }}
                                                            </a>
                                                        </td>
                                                        <td>
                                                            @if ($pendingLeave->max_approval_level > 1)
                                                                @php
                                                                    if ($pendingLeave->statusLogs->isEmpty()) {
                                                                        $managerStatus = $pendingLeave->status;
                                                                    } else {
                                                                        $managerStatus = $pendingLeave->statusLogs->first()
                                                                            ->status;
                                                                    }
                                                                @endphp

                                                                @if ($managerStatus == 'approved')
                                                                    <span
                                                                        class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @elseif ($managerStatus == 'rejected')
                                                                    <span
                                                                        class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @elseif ($managerStatus == 'pending')
                                                                    <span
                                                                        class="badge rounded-pill badge-light-warning badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @else
                                                                    <span
                                                                        class="badge rounded-pill badge-light-secondary badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @endif
                                                            @else
                                                                -
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($pendingLeave->status == App\Helpers\ConstantHelper::APPROVED)
                                                                <span
                                                                    class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst($pendingLeave->status) }}</span>
                                                            @elseif(
                                                                $pendingLeave->status == App\Helpers\ConstantHelper::REVOKED ||
                                                                    $pendingLeave->status == App\Helpers\ConstantHelper::REJECTED)
                                                                <span
                                                                    class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst($pendingLeave->status) }}</span>
                                                            @else
                                                                <span
                                                                    class="badge rounded-pill badge-light-warning badgeborder-radius">{{ ucfirst($pendingLeave->status) }}</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <div class="mb-1">
                                                                <a class="pe-1 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/' . $pendingLeave->id }}"><i
                                                                            data-feather="eye" class="font-4"
                                                                            aria-hidden="true"></i><span
                                                                            class="align-middle"> View</span></a>

                                                                    <a class="dropdown-item" href="javascript:;"
                                                                        onclick="singleLeaveAction(this, '{{ App\Helpers\ConstantHelper::APPROVED }}');">
                                                                        <i data-feather="check-circle" class="font-4"
                                                                            aria-hidden="true"></i>
                                                                        <span class="align-middle"> Approve </span>
                                                                    </a>
                                                                    <a class="dropdown-item" href="javascript:;"
                                                                        onclick="singleLeaveAction(this, '{{ App\Helpers\ConstantHelper::REJECTED }}');">
                                                                        <i data-feather="x-circle" class="font-4"
                                                                            aria-hidden="true"></i>
                                                                        <span class="align-middle"> Reject </span>
                                                                    </a>
                                                                    {{-- <a class="dropdown-item sa-params" href="javascript:;"  data-url="{{ $orgUrl }}/leaves/{{ App\Helpers\ConstantHelper::REVOKED }}/{{ $pendingLeave->id }}" data-method="POST" data-request="remove" data-message="Are you sure you want to cancel leave ?">
                                                                        <i data-feather="trash-2" class="font-4" aria-hidden="true"></i>
                                                                        <span class="align-middle"> Cancel </span>
                                                                    </a> --}}
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                                @if (count($pendingLeaves) == 0)
                                    <div>
                                        <center>No record(s) found!</center>
                                    </div>
                                @endif

                                <div class="d-flex justify-content-between mx-2 row">
                                    <div class="col-sm-12 col-md-6">
                                        <div class="dataTables_info" id="organization_info" role="status"
                                            aria-live="polite">Showing
                                            {{ ($pendingLeaves->currentpage() - 1) * $pendingLeaves->perpage() + 1 }}
                                            to
                                            {{ ($pendingLeaves->currentpage() - 1) * $pendingLeaves->perpage() + $pendingLeaves->count() }}
                                            of {{ $pendingLeaves->total() }} entries</div>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        {{ $pendingLeaves->appends(request()->merge(['tab' => 'pending'])->except('page'))->links('partials.pagination') }}
                                    </div>
                                </div>

                            </div>

                            <div class="tab-pane {{ $tab == 'approved' ? 'active' : '' }}" id="approveLeave">
                                <div class="table-responsive">
                                    <table class="dt-column-search table table-responsive" id="dataTable" data-url="">
                                        <thead>
                                            <th>Employee Name</th>
                                            <th>Manager Name</th>
                                            <th>Leave Type</th>
                                            <th>Leave Duration</th>
                                            <th>From Date</th>
                                            <th>To Date</th>
                                            <th>Applied Date</th>
                                            <th>No of Leave</th>
                                            <th>Approved Date</th>
                                            <th>Manager Status</th>
                                            <th>status</th>
                                            <th>{{ trans('common/common.actions') }}</th>
                                        </thead>
                                        <tbody>
                                            @if (count($approveLeaves) > 0)
                                                @foreach ($approveLeaves as $key => $approveLeave)
                                                    <tr class="even">
                                                        <td class="">
                                                            <div class="d-flex flex-row">
                                                                <div class="avatar me-75">
                                                                    <img src="{{ isset($approveLeave->employee->image) ? $approveLeave->employee->image : '' }}"
                                                                        onerror="this.src='/assets/img/default-profile-3.png'"
                                                                        width="32" height="32"
                                                                        alt="{{ isset($approveLeave->employee->name) ? $approveLeave->employee->name : '' }}">
                                                                </div>
                                                                <div class="my-auto">
                                                                    <h6
                                                                        class="mb-0 fw-bolder text-dark hr-dashfullemplname">
                                                                        {{ isset($approveLeave->employee->name) ? $approveLeave->employee->name : '' }}
                                                                        ({{ isset($approveLeave->employee) ? $approveLeave->employee->employee_code : '' }})
                                                                    </h6>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="fw-bolder text-dark">
                                                            {{ isset($approveLeave->employee->hod->name) ? $approveLeave->employee->hod->name : '' }}
                                                        </td>
                                                        <td class="fw-bolder text-dark">
                                                            {{ isset($approveLeave->leaveType->name) ? $approveLeave->leaveType->name : '' }}
                                                        </td>
                                                        <td>{{ ucfirst($approveLeave->leave_duration) }}</td>
                                                        <td>
                                                            {{ $approveLeave->from_date }}
                                                            {{ $approveLeave->from_time }}
                                                        </td>
                                                        <td>
                                                            {{ $approveLeave->to_date  }}
                                                            {{ $approveLeave->to_time  }}
                                                        </td>
                                                        <td>
                                                            {{ $approveLeave->created_at }}
                                                        </td>
                                                        <td>{{ $approveLeave->no_of_leaves ? $approveLeave->no_of_leaves : '' }}
                                                        </td>
                                                        <td>
                                                            {{ $approveLeave->action_at }}
                                                        </td>
                                                        <td>
                                                            @if ($approveLeave->max_approval_level > 1)
                                                                @php
                                                                    if ($approveLeave->statusLogs->isEmpty()) {
                                                                        $managerStatus = $approveLeave->status;
                                                                    } else {
                                                                        $managerStatus = $approveLeave->statusLogs->first()
                                                                            ->status;
                                                                    }
                                                                @endphp

                                                                @if ($managerStatus == 'approved')
                                                                    <span
                                                                        class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @elseif ($managerStatus == 'rejected')
                                                                    <span
                                                                        class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @elseif ($managerStatus == 'pending')
                                                                    <span
                                                                        class="badge rounded-pill badge-light-warning badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @else
                                                                    <span
                                                                        class="badge rounded-pill badge-light-secondary badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @endif
                                                            @else
                                                                -
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($approveLeave->status == 'approved')
                                                                <span
                                                                    class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst($approveLeave->status) }}</span>
                                                            @else
                                                                <span
                                                                    class="badge rounded-pill badge-light-secondary badgeborder-radius">{{ ucfirst($approveLeave->status) }}</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <div class="mb-1">
                                                                <a class="pe-1 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">
                                                                    @if ($approveLeave->status == 'approved' && date('m', strtotime($approveLeave->from_date)) == date('m'))
                                                                        <a class="dropdown-item sa-params"
                                                                            href="javascript:;"
                                                                            data-leave-id ="{{ $approveLeave->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>
                                </div>


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

                                <div class="d-flex justify-content-between mx-0 row">
                                    <div class="col-sm-12 col-md-6">
                                        <div class="dataTables_info" id="organization_info" role="status"
                                            aria-live="polite">Showing
                                            {{ ($approveLeaves->currentpage() - 1) * $approveLeaves->perpage() + 1 }}
                                            to
                                            {{ ($approveLeaves->currentpage() - 1) * $approveLeaves->perpage() + $approveLeaves->count() }}
                                            of {{ $approveLeaves->total() }} entries</div>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        {{ $approveLeaves->appends(request()->merge(['tab' => 'approved'])->except('page'))->links('partials.pagination') }}
                                    </div>
                                </div>

                            </div>

                            <div class="tab-pane {{ $tab == 'rejected' ? 'active' : '' }}" id="rejectLeave">
                                <div class="table-responsive">
                                    <table class="dt-column-search table table-responsive" id="dataTable" data-url="">
                                        <thead>
                                            <th>Employee Name</th>
                                            <th>Manager Name</th>
                                            <th>Leave Type</th>
                                            <th>Leave Duration</th>
                                            <th>From Date</th>
                                            <th>To Date</th>
                                            <th>Applied Date</th>
                                            <th>No of Leave</th>
                                            <th>Manager Status</th>
                                            <th>status</th>
                                        </thead>
                                        <tbody>
                                            @if (count($rejectLeaves) > 0)
                                                @foreach ($rejectLeaves as $key => $rejectLeave)
                                                    <tr class="even">
                                                        <td class="">
                                                            <div class="d-flex flex-row">
                                                                <div class="avatar me-75">
                                                                    <img src="{{ isset($rejectLeave->employee->image) ? $rejectLeave->employee->image : '' }}"
                                                                        onerror="this.src='/assets/img/default-profile-3.png'"
                                                                        width="32" height="32"
                                                                        alt="{{ isset($rejectLeave->employee->name) ? $rejectLeave->employee->name : '' }}">
                                                                </div>
                                                                <div class="my-auto">
                                                                    <h6
                                                                        class="mb-0 fw-bolder text-dark hr-dashfullemplname">
                                                                        {{ isset($rejectLeave->employee->name) ? $rejectLeave->employee->name : '' }}
                                                                        ({{ isset($rejectLeave->employee) ? $rejectLeave->employee->employee_code : '' }})
                                                                    </h6>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="fw-bolder text-dark">
                                                            {{ isset($rejectLeave->employee->hod->name) ? $rejectLeave->employee->hod->name : '' }}
                                                        </td>
                                                        <td class="fw-bolder text-dark">
                                                            {{ isset($rejectLeave->leaveType->name) ? $rejectLeave->leaveType->name : '' }}
                                                        </td>
                                                        <td>{{ ucfirst($rejectLeave->leave_duration) }}</td>
                                                        <td>
                                                            {{ $rejectLeave->from_date }}
                                                            {{ $rejectLeave->from_time  }}
                                                        </td>
                                                        <td>
                                                            {{ $rejectLeave->to_date }}
                                                            {{ $rejectLeave->to_time }}
                                                        </td>
                                                        <td>
                                                            {{ $rejectLeave->created_at  }}
                                                        </td>
                                                        <td>{{ $rejectLeave->no_of_leaves ? $rejectLeave->no_of_leaves : '' }}
                                                        </td>
                                                        <td>
                                                            @if ($rejectLeave->max_approval_level > 1)
                                                                @php
                                                                    if ($rejectLeave->statusLogs->isEmpty()) {
                                                                        $managerStatus = $rejectLeave->status;
                                                                    } else {
                                                                        $managerStatus = $rejectLeave->statusLogs->first()
                                                                            ->status;
                                                                    }
                                                                @endphp

                                                                @if ($managerStatus == 'approved')
                                                                    <span
                                                                        class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @elseif ($managerStatus == 'rejected')
                                                                    <span
                                                                        class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @elseif ($managerStatus == 'pending')
                                                                    <span
                                                                        class="badge rounded-pill badge-light-warning badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @else
                                                                    <span
                                                                        class="badge rounded-pill badge-light-secondary badgeborder-radius">{{ ucfirst($managerStatus) }}</span>
                                                                @endif
                                                            @else
                                                                -
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <span
                                                                class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst($rejectLeave->status) }}</span>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>

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

                                <div class="d-flex justify-content-between mx-0 row">
                                    <div class="col-sm-12 col-md-6">
                                        <div class="dataTables_info" id="organization_info" role="status"
                                            aria-live="polite">Showing
                                            {{ ($rejectLeaves->currentpage() - 1) * $rejectLeaves->perpage() + 1 }}
                                            to
                                            {{ ($rejectLeaves->currentpage() - 1) * $rejectLeaves->perpage() + $rejectLeaves->count() }}
                                            of {{ $rejectLeaves->total() }} entries</div>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        {{ $rejectLeaves->appends(request()->merge(['tab' => 'rejected'])->except('page'))->links('partials.pagination') }}
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- ChartJS section end -->

    </div>



    {{-- filter --}}
    <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>
                @if ($tab)
                    <input type="hidden" name="tab" value="{{ $tab }}">
                @endif
                <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 Status</label>
                        <select class="form-control select2" name="status">
                            <option value=" ">All</option>
                            @foreach ($leaveStatus as $leaveStatus)
                                <option value="{{ $leaveStatus }}"
                                    {{ Request::get('status') == $leaveStatus ? 'selected' : '' }}>
                                    {{ ucfirst($leaveStatus) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-1">
                        <label class="form-label">Select Leave Type</label>
                        <select class="form-control select2" name="leave_type">
                            <option value=" ">All</option>
                            @foreach ($leaveTypes as $leaveType)
                                <option value="{{ $leaveType->id }}"
                                    {{ Request::get('leave_type') == $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 mt-2 mb-1 d-grid w-100 d-flex justify-content-center"
                        id="filterSubmitBtn" data-bs-dismiss="offcanvas" aria-label="Close"><i data-feather='search'
                            class="me-2"></i> {{ trans('common/common.search') }}</button>
                </div>
            </form>
        </div>
    </div>
    {{-- filter --}}

    <!-- Leave Modal View -->
    <div class="modal fade" id="viewaccess" tabindex="-1" aria-labelledby="shareProjectTitle" 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>

@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 viewLeave(employee_id) {
                $('#page-modal-render').html('');
                $_token = "{{ csrf_token() }}";
                $.ajax({
                    headers: {
                        'X-CSRF-Token': $('meta[name=_token]').attr('content')
                    },
                    url: "{{ route('hr-render-leave-details') }}",
                    type: 'POST',
                    cache: false,
                    data: {
                        '_token': $_token,
                        'employee_id': employee_id,
                    },
                    datatype: 'html',
                    success: function(data) {
                        $('#loader-status').html('');
                        $('#page-modal-render').html(data.data);
                    }
                });
            };

            function putInFilters() {
                var search = $('#search').val();
                $('#SearchFilter').val(search);
                $('#filterSubmitBtn').click();
            }

            function singleLeaveAction(element, action) {
                $('input[type=checkbox]:checked').prop('checked', false);
                $(element).closest('tr').find('input[type=checkbox]').prop('checked', true);
                console.log(action);
                leaveAction(action);
            }

            function leaveAction(status) {
                var leaveIds = $('input[type=checkbox]: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-multiple-action' }}";
                                        $.ajax({
                                            type: 'POST',
                                            url: url,
                                            data: {
                                                '_method': 'POST',
                                                'ids': values,
                                                'status': status,
                                                'remark': remarkResult.value
                                            },
                                            success: function(response) {
                                                if (response) {
                                                    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() {
                $('body').on('click', '.sa-params', function() {
                    var id = $(this).data('leave-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 = "/leaves/" +
                                    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
                                            });
                                        }
                                    }
                                });
                            }
                        });
                });
            });

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