@extends('app-new')
@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.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/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.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">Leave Rules</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{  '/home' }}">Home</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{  '/leave-rules' }}">Leave Rules</a>
                    </li>
                    <li class="breadcrumb-item active">
                        Edit {{ $leaveType->name ? $leaveType->name : '' }} Rule
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@section('content')
    <!-- Basic multiple Column Form 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" href="{{ "/leave-types/$leaveType->id/edit" }}" target="_blank">Leave
                                Type</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#Credit">Credit Rule</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab"
                                href="#Debit">Debit Rule</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link @if (request()->input('tab') == 'access-rule') active @endif" data-bs-toggle="tab"
                                href="#Access">Access Rule</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        {{-- loader --}}
                        <div class="tab-pane @if (!request()->input('tab')) active @endif"" id="loading">
                        <div class="card-body d-flex align-items-center justify-content-center" style="height: 100%;">
                            <div class="row">
                                <div class="col text-center">
                                    loading...
                                </div>
                            </div>
                        </div>
                    </div>
                        {{-- Credit Rule --}}
                        <div class="tab-pane" id="Credit">
                            <form role="post-data" method="POST"
                                action="{{  '/leave-rule-update' }}/{{ $leaveRule->id }}"
                                redirect="{{  '/leave-rule-edit' }}/{{ $leaveRule->id }}"
                                fredirect="{{  '/leave-rule-edit' }}/{{ $leaveRule->id }}">
                                <input type="hidden" name="organization_id" value="{{ $organization->id }}">
                                <input type="hidden" name="leave_type_id" value="{{ $leaveType->id }}">
                                <input type="hidden" name="leave_rule" value="Credit">
                                <input type="hidden" name="_method" value="PUT">
                                <div class="row">
                                    <div class="col-md-4 border-end">
                                        <div class="formheadpad">
                                            <div class="card-header newheader border-bottom mb-1">
                                                <h4 class="card-title">Allocation Rule </h4>
                                            </div>
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="mb-1">
                                                            <label class="form-label">Rule Name <span
                                                                    class="text-danger">*</span></label>
                                                            <input type="text" class="form-control"
                                                                placeholder="Enter Name" name="rule_name"
                                                                value="{{ isset($leaveRule->rule_name) ? $leaveRule->rule_name : $leaveType->name }}">
                                                        </div>
                                                        <div class="mb-1">
                                                            <label class="form-label">Allocation Type <span
                                                                    class="text-danger">*</span></label>
                                                            <select class="form-select" name="allocation_type"
                                                                id="allocation_type">
                                                                <option value="">Please Select</option>
                                                                @foreach ($allocationTypes as $allocationType)
                                                                    <option value="{{ $allocationType }}"
                                                                        data-allocationtype="{{ $allocationType }}"
                                                                        @if (isset($leaveRule->allocation_type) && $leaveRule->allocation_type == $allocationType) selected @endif>
                                                                        {{ ucfirst($allocationType) }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="mb-1 @if ($leaveRule->allocation_type == App\Helpers\ConstantHelper::FIXED) hidden @endif"
                                                            id="allocation_value">
                                                            <label class="form-label">Working Days <span
                                                                    class="text-danger">*</span> </label>
                                                            <input type="number" class="form-control"
                                                                placeholder="Enter Working Days" name="allocation_value"
                                                                value="{{ isset($leaveRule->allocation_value) ? $leaveRule->allocation_value : '' }}"
                                                                min="0" oninput="this.value = this.value < 0 ? '' : this.value;"
                                                                >

                                                            <label class="form-label text-end"
                                                                for="is_complete_month"><input type="checkbox"
                                                                    name="is_complete_month" value="1"
                                                                    id="is_complete_month"
                                                                    {{ $leaveRule->is_complete_month == '1' ? 'checked' : '' }}>
                                                                Is Complete Month</label>
                                                        </div>
                                                        <div id="excluded_leave_types"
                                                            class="mb-1 @if ($leaveRule->allocation_type == App\Helpers\ConstantHelper::FIXED) hidden @endif">
                                                            <label class="form-label" for="excluded_leave_types">Exclude
                                                                To</label>
                                                            <select class="select2" name="excluded_leave_types[]"
                                                                id="excluded_leave_types" multiple>
                                                                <option value="leave"
                                                                    @if (in_array('leave', $leaveRule->excluded_leave_types ?: [])) selected @endif>Leave
                                                                </option>
                                                                <option value="holiday"
                                                                    @if (in_array('holiday', $leaveRule->excluded_leave_types ?: [])) selected @endif>
                                                                    Holiday</option>
                                                                <option value="week-off"
                                                                    @if (in_array('week-off', $leaveRule->excluded_leave_types ?: [])) selected @endif>Week
                                                                    Off</option>
                                                                <option value="extra-week-off"
                                                                    @if (in_array('extra-week-off', $leaveRule->excluded_leave_types ?: [])) selected @endif>Extra
                                                                    Week Off</option>
                                                            </select>
                                                        </div>
                                                        <div class="mb-1">
                                                            <label class="form-label">Allocation Leave <span
                                                                    class="text-danger">*</span></label>
                                                            <input type="text" class="form-control"
                                                                placeholder="Enter Leave" name="allocation_leave"
                                                                value="{{ isset($leaveRule->allocation_leave) ? $leaveRule->allocation_leave : '' }}"
                                                                oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/^(\d*\.\d*)\./, '$1');">
                                                        </div>
                                                        <div class="mb-1">
                                                            <label class="form-label">Max Leave Year</label>
                                                            <input type="text" class="form-control"
                                                                placeholder="Enter Max Leave" name="credit_max_year"
                                                                value="{{ isset($leaveRule->credit_max_year) ? $leaveRule->credit_max_year : '' }}"
                                                                oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/^(\d*\.\d*)\./, '$1');">
                                                        </div>
                                                        <div class="mb-1">
                                                            <label class="form-label">Max Opening Leave</label>
                                                            <input type="number" class="form-control"
                                                                placeholder="Enter Opening Leave" name="opening_leaves"
                                                                value="{{ isset($leaveRule->opening_leaves) ? $leaveRule->opening_leaves : '' }}"
                                                                min="0" oninput="this.value = this.value < 0 ? '' : this.value;"
                                                                oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/^(\d*\.\d*)\./, '$1');"
                                                                >
                                                        </div>
                                                        <div class="mb-1">
                                                            <label class="form-label">Joining Period (In Days)</label>
                                                            <input type="text" class="form-control"
                                                                placeholder="Enter Joining Period "
                                                                name="joining_period_days"
                                                                value="{{ isset($leaveRule->joining_period_days) ? $leaveRule->joining_period_days : '' }}"
                                                                oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/^(\d*\.\d*)\./, '$1');"   >
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @if ($leaveType->is_carryforward == '1')
                                        <div class="col-md-4 border-end">
                                            <div class="formheadpad">
                                                <div class="card-header newheader border-bottom mb-1">
                                                    <h4 class="card-title">Carry Forward Rule</h4>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="mb-1">
                                                                <label class="form-label">Max Leave <span
                                                                        class="text-danger">*</span></label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Enter Max Leave" name="max_carryforward"
                                                                    value="{{ isset($leaveRule->max_carryforward) ? $leaveRule->max_carryforward : '' }}">
                                                            </div>
                                                            <div class="mb-1">
                                                                <label class="form-label">Min Leave <span
                                                                        class="text-danger">*</span></label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Enter Min Leave" name="min_carryforward"
                                                                    value="{{ isset($leaveRule->min_carryforward) ? $leaveRule->min_carryforward : '' }}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                    @if ($leaveType->is_comp_off == '1')
                                        <div class="col-md-4 border-end">
                                            <div class="formheadpad">
                                                <div class="card-header newheader border-bottom mb-1">
                                                    <h4 class="card-title">Comp off Rule</h4>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <div class="mb-1">
                                                                <label class="form-label">Comp Off Validity Type</label>
                                                                <select class="form-select" name="comp_off_validity_type"
                                                                    id="comp_off_validity_type">
                                                                    <option value="days"
                                                                        @if ($leaveRule->comp_off_validity_type == 'days') selected @endif>
                                                                        Days </option>
                                                                    <option value="months"
                                                                        @if ($leaveRule->comp_off_validity_type == 'months') selected @endif>
                                                                        Months </option>
                                                                    <option value="years"
                                                                        @if ($leaveRule->comp_off_validity_type == 'years') selected @endif>
                                                                        Years </option>
                                                                </select>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6">
                                                            <div class="mb-1">
                                                                <label class="form-label">Comp Off Validity</label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Enter Comp Off Validity"
                                                                    name="comp_off_validity"
                                                                    value="{{ $leaveRule->comp_off_validity }}">
                                                                <label class="form-label text-end"
                                                                    for="is_validity_complete"
                                                                    id="is_validity_complete_label"
                                                                    style="{{ $leaveRule->comp_off_validity_type == 'days' ? 'display:none' : ''}}">
                                                                    <input type="checkbox" name="is_validity_complete"
                                                                        value="1" id="is_validity_complete" {{$leaveRule->is_validity_complete == '1' ? 'checked' : ''}}>
                                                                    Is Complete
                                                                </label>
                                                            </div>
                                                        </div>

                                                        @if ($compOffPolicy == 'working_hrs_policy')
                                                            <div class="col-md-12">
                                                                <div class="mb-1">
                                                                    <label class="form-label">Working Hrs</label>
                                                                    <input type="time" class="form-control"
                                                                        placeholder="Enter Working Hrs"
                                                                        name="working_hours"
                                                                        value="{{ $leaveRule->working_hours }}">
                                                                </div>
                                                            </div>


                                                            <div class="col-md-12">
                                                                <div class="mb-1">
                                                                    <label class="form-label">Entitlement (in
                                                                        Days)</label>
                                                                    <input type="text"
                                                                        class="form-control decimal-only"
                                                                        placeholder="Enter Entitlement Days"
                                                                        name="entitlement_days"
                                                                        value="{{ $leaveRule->entitlement_days }}">
                                                                </div>
                                                            </div>


                                                            <div class="col-md-12">
                                                                <div class="mb-1">
                                                                    <label class="form-label">Capping (Per
                                                                        Month)</label>
                                                                    <input type="text" class="form-control numberonly"
                                                                        placeholder="Enter Capping Per Month"
                                                                        name="capping_per_month"
                                                                        value="{{ $leaveRule->capping_per_month }}">
                                                                </div>
                                                            </div>
                                                        @else
                                                            <div class="col-md-12">
                                                                <div class="mb-1">
                                                                    <label class="form-label">Min Working Hrs</label>
                                                                    <input type="time" class="form-control"
                                                                        placeholder="Enter Min Working Hrs"
                                                                        name="min_working_hours"
                                                                        value="{{ $leaveRule->min_working_hours }}">
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                    @if ($leaveType->is_cashable == '1')
                                        <div class="col-md-4">
                                            <div class="formheadpad">
                                                <div class="card-header newheader border-bottom mb-1">
                                                    <h4 class="card-title">Encash Rule</h4>
                                                </div>
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="mb-1">
                                                                <label class="form-label">Max Leave <span
                                                                        class="text-danger">*</span></label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Enter Max Leave" name="max_cashable"
                                                                    value="{{ isset($leaveRule->max_cashable) ? $leaveRule->max_cashable : '' }}">
                                                            </div>
                                                            <div class="mb-1">
                                                                <label class="form-label">Min Leave <span
                                                                        class="text-danger">*</span></label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Enter Min Leave" name="min_cashable"
                                                                    value="{{ isset($leaveRule->min_cashable) ? $leaveRule->min_cashable : '' }}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                    <div class="col-12">
                                        <div class="card-body pt-0">
                                            <button type="reset" onclick="this.form.reset()"
                                                class="btn btn-outline-secondary me-1 waves-effect">Reset</button>
                                            <button type="button" data-request="ajax-submit"
                                                data-target="[role=post-data]"
                                                class="btn btn-primary waves-effect waves-float waves-light">Save & Next</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        {{-- Debit Rule  --}}
                        <div class="tab-pane" id="Debit">
                            <div class="card-body">
                                <div class="row">
                                    <form role="post-debit-data" method="POST"
                                        action="{{  '/leave-rule-update' }}/{{ $leaveRule->id }}"
                                        redirect="{{  '/leave-rule-edit' }}/{{ $leaveRule->id }}?tab=access-rule"
                                        fredirect="{{  '/leave-rule-edit' }}/{{ $leaveRule->id }}?tab=access-rule">
                                        <input type="hidden" name="leave_type_id" value="{{ $leaveType->id }}">
                                        <input type="hidden" name="organization_id" value="{{ $organization->id }}">
                                        <input type="hidden" name="leave_rule" value="Debit">
                                        <input type="hidden" name="_method" value="PUT">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="mb-1">
                                                        <label class="form-label">Max Leave in Month </label>
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter Max Leave in Month" name="debit_max_month"
                                                            value="{{ isset($leaveRule->debit_max_month) ? $leaveRule->debit_max_month : '' }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-1">
                                                        <label class="form-label">Max Leave in Quarter </label>
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter Max Leave in Quarter"
                                                            name="debit_max_quarter"
                                                            value="{{ isset($leaveRule->debit_max_quarter) ? $leaveRule->debit_max_quarter : '' }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-1">
                                                        <label class="form-label">Max Leave in Year </label>
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter Max Leave in Year" name="debit_max_year"
                                                            value="{{ isset($leaveRule->debit_max_year) ? $leaveRule->debit_max_year : '' }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-1">
                                                        <label class="form-label">Max Leave in Service </label>
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter Max Leave in Service"
                                                            name="debit_max_service"
                                                            value="{{ isset($leaveRule->debit_max_service) ? $leaveRule->debit_max_service : '' }}">
                                                    </div>
                                                </div>

                                                <div class="col-md-4">
                                                    <div class="mb-1">
                                                        <label class="form-label">Leave Before Days</label>
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter Leave " name="debit_before_days"
                                                            value="{{ isset($leaveRule->debit_before_days) ? $leaveRule->debit_before_days : '' }}">
                                                    </div>
                                                </div>

                                                <div class="col-md-4">
                                                    <div class="mb-1">
                                                        <label class="form-label">Leave After Days</label>
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter Leave " name="debit_after_days"
                                                            value="{{ isset($leaveRule->debit_after_days) ? $leaveRule->debit_after_days : '' }}">
                                                    </div>
                                                </div>

                                                <div class="col-md-4">
                                                    <div class="mb-1">
                                                        <label class="form-label">Leave Attempt After Days</label>
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter Leave " name="debit_apply_after_days"
                                                            value="{{ isset($leaveRule->debit_apply_after_days) ? $leaveRule->debit_apply_after_days : '' }}">
                                                    </div>
                                                </div>

                                                <div class="col-md-4">
                                                    <div class="mb-1">
                                                        <label class="form-label">Max Leave Attempt in Year</label>
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter Leave " name="debit_max_attempt_year"
                                                            value="{{ isset($leaveRule->debit_max_attempt_year) ? $leaveRule->debit_max_attempt_year : '' }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-1">
                                                        <label class="form-label">Min Apply Leave Days</label>
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter Min Leave" name="debit_min_single"
                                                            value="{{ isset($leaveRule->debit_min_single) ? $leaveRule->debit_min_single : '' }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-1">
                                                        <label class="form-label">Max Apply Leave Days</label>
                                                        <input type="number" class="form-control"
                                                            placeholder="Enter Max Leave" name="debit_max_single"
                                                            value="{{ isset($leaveRule->debit_max_single) ? $leaveRule->debit_max_single : '' }}">
                                                    </div>
                                                </div>

                                                <div class="col-md-4 col-12">
                                                    <div class="mb-1">
                                                        <label class="form-label">Approval Level <span
                                                                class="text-danger">*</span></label>
                                                        <select class="form-select" name="approval_level">
                                                            <option value="1"
                                                                @if (isset($leaveRule->approval_level) && $leaveRule->approval_level == '1') selected @endif>1
                                                            </option>
                                                            <option value="2"
                                                                @if (isset($leaveRule->approval_level) && $leaveRule->approval_level == '2') selected @endif>2
                                                            </option>
                                                            <option value="3"
                                                                @if (isset($leaveRule->approval_level) && $leaveRule->approval_level == '3') selected @endif>3
                                                            </option>
                                                            <option value="4"
                                                                @if (isset($leaveRule->approval_level) && $leaveRule->approval_level == '4') selected @endif>4
                                                            </option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 col-12 demo-inline-spacing">
                                                    <div class="form-check form-check-secondary mt-1">
                                                        <input type="checkbox" class="form-check-input" id="Carry"
                                                            name="is_sandwich" value="1"
                                                            @if (isset($leaveRule->is_sandwich) && $leaveRule->is_sandwich == '1') checked @endif>
                                                        <label class="form-check-label fw-bolder" for="Carry">Is
                                                            Sandwich</label>
                                                    </div>
                                                    <div class="form-check form-check-secondary mt-1">
                                                        <input type="checkbox" class="form-check-input" id="can_club"
                                                            name="can_club" value="1"
                                                            @if (isset($leaveRule->can_club) && $leaveRule->can_club == '1') checked @endif>
                                                        <label class="form-check-label fw-bolder" for="Cashable">Can't
                                                            Club
                                                        </label>
                                                    </div>
                                                </div>

                                                <br><br><br>
                                                <div class="row clubLeaveType"
                                                    style="display: {{ isset($leaveRule->can_club) && $leaveRule->can_club != '1' ? 'none' : 'block' }};">
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label">Club Leave Type<span
                                                                    class="text-danger">*</span></label>
                                                            <select class="select2 form-select" multiple
                                                                name="leaveTypes[]" data-placeholder="Select Leave Type">
                                                                @foreach ($leaveTypes as $leaveType)
                                                                    <option value="{{ $leaveType->id }}"
                                                                        {{ isset($leaveClubs) && in_array($leaveType->id, $leaveClubs) ? 'selected' : '' }}>
                                                                        {{ $leaveType->name }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-3">
                                                    <button type="reset" onclick="this.form.reset()"
                                                        class="btn btn-outline-secondary me-1 waves-effect">Reset</button>
                                                    <button type="button" data-request="ajax-submit"
                                                        data-target="[role=post-debit-data]"
                                                        class="btn btn-primary waves-effect waves-float waves-light">Save & Next</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        {{-- Debit Rule  --}}
                        <div class="tab-pane" id="Access">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="card">
                                            <div class="card-datatable">
                                                <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">
                                                            <a class="dt-button buttons-excel me-2" target="_blank"
                                                                href="/leave-access-rule/{{ $leaveRule->id }}/export?{{ request()->getQueryString() }}"
                                                                style="display: initial;"><button type="button"
                                                                    class="btn btn-success waves-effect waves-float waves-light">
                                                                    <span> Export </span>
                                                                </button>
                                                            </a>
                                                            <a class="dt-button create-new btn btn-primary me-2"
                                                                tabindex="0" aria-controls="organization"
                                                                data-bs-target="#addaccess" data-bs-toggle="modal"
                                                                onclick="setAccess('{{ $leaveRule->id }}')">
                                                                <span>
                                                                    <i class="fa fa-plus" aria-hidden="true"></i> Add
                                                                    Access
                                                                </span>
                                                            </a>

                                                            <a 
                                                            class="dt-button create-new btn btn-danger me-2" 
                                                            tabindex="0" 
                                                            aria-controls="organization" 
                                                            href="javascript:void(0);" 
                                                            onclick="leaveAction('{{ App\Helpers\ConstantHelper::APPROVED }}')"
                                                        >
                                                            <span>
                                                                <i data-feather="trash"></i>
                                                                {{ trans('common/common.delete') }}
                                                            </span>
                                                        </a>
                                                        

                                                            <button class="btn-icon btn btn-primary btn-round"
                                                                type="button" data-bs-toggle="offcanvas"
                                                                data-bs-target="#offcanvasEnd"
                                                                aria-controls="offcanvasEnd" type="button"><i
                                                                    data-feather='filter'></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <table class="dt-column-search table" id="dataTable" data-url="">
                                                    <thead>
                                                        <th>
                                                            <input type="checkbox" id="selectAll"
                                                                class="form-check-input" title="Select All">
                                                        </th>
                                                        <th>{{ trans('master/master.id') }}</th>
                                                        <th>{{ trans('master/master.allocation_type') }}</th>
                                                        <th>{{ trans('master/master.allocation_to') }}</th>
                                                        {{-- <th>{{ trans('master/master.created_by') }}</th> --}}
                                                        <th>{{ trans('master/master.created_date_and_time') }}</th>
                                                        <th>{{ trans('common/common.actions') }}</th>
                                                    </thead>
                                                    <tbody>
                                                        @if (count($leaveAllocations) > 0)
                                                            @foreach ($leaveAllocations as $key => $leaveAllocation)
                                                                <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="accessIds[]"
                                                                                value="{{ $leaveAllocation->id }}">
                                                                        </div>
                                                                    </td>
                                                                    <td class="sorting_1">{{ $key + 1 }}</td>
                                                                    <td>{{ $leaveAllocation->getMorphType() }}
                                                                    </td>
                                                                    <td>
                                                                        {{ $leaveAllocation->getMorphName() }}
                                                                    </td>
                                                                    {{-- <td>
                                                                        {{ isset($leaveAllocation->createdBy->name) ? $leaveAllocation->createdBy->name : '' }}
                                                                    </td> --}}

                                                                    <td>{{ $leaveAllocation->created_at ? date('d/m/Y H:i:s', strtotime($leaveAllocation->created_at)) : '' }}
                                                                    </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 sa-params"
                                                                                    href="javascript:;"
                                                                                    data-url="/leave-allocation/{{ $leaveAllocation->id }}/delete"
                                                                                    data-request="remove"><i
                                                                                        data-feather="trash"
                                                                                        class="font-4"
                                                                                        aria-hidden="true"></i><span
                                                                                        class="align-middle">
                                                                                        {{ trans('common/common.delete') }}
                                                                                    </span></a>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @endif
                                                    </tbody>
                                                </table>
                                                @if (count($leaveAllocations) == 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
                                                            {{ ($leaveAllocations->currentpage() - 1) * $leaveAllocations->perpage() + 1 }}
                                                            to
                                                            {{ ($leaveAllocations->currentpage() - 1) * $leaveAllocations->perpage() + $leaveAllocations->count() }}
                                                            of {{ $leaveAllocations->total() }} entries
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12 col-md-6">
                                                        {{ $leaveAllocations->appends(request()->except('page'))->links('partials.pagination') }}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Basic Floating Label Form section end -->
    <div class="modal fade" id="addaccess" tabindex="-1" aria-labelledby="shareProjectTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <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>

    <div class="offcanvas-end-example">
        <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasEnd" aria-labelledby="offcanvasEndLabel">
            <div class="offcanvas-header">
                <h5 id="offcanvasEndLabel" class="offcanvas-title">Filter
                </h5>
                <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                    aria-label="Close"></button>
            </div>
            <div class="offcanvas-body mx-0">
                <form>
                    <div class="col-sm-12 mb-2">
                        <input type="hidden" name="tab" value="access-rule">
                        <label class="form-label">Allocation Type</label>
                        <select class="form-control select2" name="type" id="type">
                            <option value="">--select--</option>
                            @foreach ($leaveTypeAllocations as $type)
                                <option value="{{ $type }}" {{ $type == request()->type ? 'selected' : '' }}>
                                    {{ $type }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-sm-12 mb-3">
                        <label class="form-label ">Allocation To</label>
                        <select class="form-control select2" name="access_rule_id[]" id="access_rule_id" multiple>
                        </select>
                    </div>

                    <button type="submit" class="btn btn-primary mt-2 mb-1 d-grid w-100 d-flex justify-content-center"
                        data-bs-dismiss="offcanvas" aria-label="Close"><i data-feather='search' class="me-2"></i>
                        {{ trans('common/common.search') }}</button>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('footer-script')
    <!-- BEGIN: Page Vendor JS-->
    <script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
    <script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
    <script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
    <script src="/app-assets/js/scripts/forms/form-validation.js"></script>
    <script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
    <!-- END: Page JS-->
    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>
    <script>
        $(function() {
            $('#LeaveType input, #LeaveType select').attr('disabled', true);
            $("#type").trigger('change');
        });

        $("#allocation_type").change(function() {
            var allocationType = $(this).find(":selected").data("allocationtype");
            if (allocationType == 'fixed') {
                $("#allocation_value").attr('disabled', true);
                $("#allocation_value").addClass('hidden');
                $("#excluded_leave_types").attr('disabled', true);
                $("#excluded_leave_types").addClass('hidden');
            } else {
                $("#allocation_value").attr('disabled', false);
                $("#allocation_value").removeClass('hidden');
                $("#excluded_leave_types").attr('disabled', false);
                $("#excluded_leave_types").removeClass('hidden');
            }
        });

        $("#type").change(function() {
            var selectedIds =