@php use App\Models\LeaveType;use App\Models\Staff;use App\Models\User; @endphp
@extends('employee.layouts.app')
@section('title',get_setting('site_name').' Leave')
@section('content')
    <div class="row mt-2">
        <div class="col-md-12 col-lg-12 col-xl-10 mx-auto">

            <div class="card">
                <div class="card-header gutters-5">
                    <div class="row">
                        <div class="col-12 col-md-6 col-lg-6">
                            <h5>Leave Application</h5>
                        </div>
                        <div class="col-12 col-md-6 col-lg-6 text-right">
                            <button class="btn btn-primary" onclick="leave_add();"><i class="fas fa-plus"></i>Add
                                New
                            </button>
                        </div>
                    </div>

                </div>

                <div class="card-body">
                    <form action="" method="get">

                        <div class="row">
                            <div class="col">
                                <table class="float-right text-right mb-3">
                                    <tr>
                                        <td>
                                            <select name="year" id="" class="form-control">
                                                <option value="">Please Select Year</option>
                                                @for($i=2020;$i<=date('Y');$i++)
                                                    <option value="{{$i}}"
                                                            @if(request()->year==$i) selected @endif>{{$i}}</option>
                                                @endfor
                                            </select></td>

                                        <td>
                                            <select name="month" id="" class="form-control">
                                                <option value="">Please Select Month</option>
                                                @for($i=1;$i<=12;$i++)
                                                    <option
                                                        value="{{$i}}"
                                                        @if(request()->month==$i) selected @endif>{{date("F", mktime(0, 0, 0, $i, 1))}}</option>
                                                @endfor
                                            </select>
                                        </td>

                                        <td>
                                            <select name="approval" id="" class="form-control">
                                                <option value="">Please Select Any one</option>
                                                <option value="0"
                                                        @if(request()->approval==0) selected @endif>{{__('Pending')}}</option>
                                                <option value="1"
                                                        @if(request()->approval==1) selected @endif>{{__('Approve')}}</option>
                                                <option value="2"
                                                        @if(request()->approval==2) selected @endif>{{__('Reject')}}</option>

                                            </select>
                                        </td>

                                        <td>
                                            <select name="type" id="" class="form-control">
                                                <option value="">Please Select Any One</option>
                                                <option value="paid"
                                                        @if(request()->type=='paid') selected @endif>{{__('Paid')}}</option>
                                                <option value="unpaid"
                                                        @if(request()->type=='unpaid') selected @endif>{{__('Unpaid')}}</option>

                                            </select>
                                        </td>

                                        <td>
                                            <button type="submit" class="btn btn-primary"><i class="fas fa-filter"></i>&nbsp;{{__('Filter')}}
                                            </button>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                    </form>
                    <table class="table table-responsive-lg">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Staff Name</th>
                            <th>Apply Date</th>
                            <th class="text-center">Paid Leave</th>
                            <th>From</th>
                            <th>To</th>
                            <th>Duration</th>
                            <th>Remarks</th>
                            @if($leaveHandoverEnabled)
                                <th>{{ __('Handover to') }}</th>
                            @endif
                            <th class="text-center">Approval</th>
                            <th>Action</th>

                        </tr>
                        </thead>

                        <tbody>
                        @php $status1=null;$status2=null; @endphp
                        @foreach($leaves as $key=>$leave)
                            <tr>
                                <td>{{$key+1}}</td>
                                <td>{{User::where('id',Staff::where('id',$leave->staff_id)->value('user_id'))->value('name')}}</td>
                                <td>{{$leave->apply_date}}</td>
                                <td class="text-center">

                                    @if($leave->type=='paid')
                                        <i class="fas fa-check-circle text-success fs-24"
                                           title="Paid Leave"></i>
                                    @else
                                        <i class="fas fa-times-circle text-danger fs-24"
                                           title="Unpaid Leave"></i>
                                    @endif

                                </td>
                                <td>{{$leave->start}}</td>
                                <td>{{$leave->end}}</td>
                                <td>{{$leave->number_of_days}}&nbsp;{{__('Days')}}</td>
                                <td>{{$leave->reason}}</td>
                                @if($leaveHandoverEnabled)
                                    <td class="small">{{ $leave->handoverStaff?->selectOptionLabel() ?? '—' }}</td>
                                @endif
                                <td class="text-center">

                                    @if($leave->status==1)
                                        <i class="fas fa-check-circle text-success fs-24"
                                           title="Approved by {{User::where('id',$leave->approved_by)->value('name')}}"></i>
                                    @elseif($leave->status==0)
                                        <i class="fas fa-minus-circle text-info fs-24" title="Pending"></i>
                                    @else
                                        <i class="fas fa-times-circle text-danger fs-24"
                                           title="Rejected"></i>
                                    @endif

                                </td>


                                <td>
                                    <a class="btn btn-primary btn-sm" href="javascript:void(0)"
                                       onclick='leave_update(@json($leave->id), @json($leave->staff_id), @json($leave->leave_type_id), @json($leave->start), @json($leave->end), @json($leave->reason), @json($leave->apply_date), @json($leave->number_of_days), @json($leave->first_status), @json($leave->second_status), @json($leave->responsibility_handover_staff_id), @json($leave->on_leave_address_contact))'><i
                                            class="fas fa-eye"></i></a>

                                </td>
                            </tr>
                        @endforeach
                        </tbody>

                    </table>
                    {{$leaves->appends(request()->query())->links()}}

                </div>
            </div>

        </div>
    </div>
@endsection

@section('modal')
    @include('modals.delete_modal')
    <div class="modal fade" id="leave_modal">
        <form action="{{route('leave.application.store')}}" method="POST">
            @csrf
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Leave Application')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row mb-3">
                            <div class="col-12 col-md-12 col-lg-12 text-right">
                                <h5>Apply Date: {{date('d-m-Y')}}</h5>
                            </div>
                        </div>

                        <div class="row mb-3 d-none" id="errorMessage">
                            <div class="col-12 col-md-12 col-lg-12 text-center">
                                <p class="alert alert-warning p-2 border rounded" id="errorMessageShow"></p>
                            </div>
                        </div>

                        <div class="row mb-3">

                            <input class="form-control" type="hidden" name="staff_id" id="staff_id"
                                   value="{{auth()->user()->staff->id}}"
                                   onkeyup="staff_info()">

                            <div class="col-12 col-md-12 col-lg-12">
                                <select name="leave_type" id="" class="form-control aiz-selectpicker"
                                        data-live-search="true" required>
                                    @php $leave_types=LeaveType::where('group_id',auth()->user()->staff->leave_group_id)->get();@endphp
                                    <option value="">{{__('Select Leave Type')}}</option>
                                    @foreach($leave_types as $leave_type)
                                        <option value="{{$leave_type->id}}">{{$leave_type->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        {{--                        <input type="text" name="" value="" id="holiday_id">--}}
                        <div class="row mb-3">
                            <div class="col-12 col-md-6 col-lg-6">
                                <div class="row mb-2">
                                    <div class="col-12">
                                        <input type="date" name="start" id="start_date" class="form-control" required
                                               onchange="daycount()">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="row d-none" id="start_date_hide">
                                            <div class="col-4">
                                                <input type="radio" id="btn-1" name="LeaveStartDayType" value="FH"
                                                       onchange="daycount()" checked>
                                                  <label for="btn-2">First Half</label><br>
                                            </div>
                                            <div class="col-8">
                                                <input type="radio" id="btn-2" name="LeaveStartDayType" value="SH"
                                                       onchange="daycount()">
                                                  <label for="btn-2">Second Half</label><br>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="col-12 col-md-6 col-lg-6">

                                <div class="row mb-2">
                                    <div class="col-12">
                                        <input type="date" name="end" id="end_date" class="form-control" required
                                               onchange="holiday()">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="row d-none" id="end_date_hide">
                                            <div class="col-4">
                                                <input type="radio" id="btn-3" name="LeaveEndDayType" value="FH"
                                                       onclick="daycount()">
                                                  <label for="btn-3">First Half</label><br>
                                            </div>
                                            <div class="col-8">
                                                <input type="radio" id="btn-4" name="LeaveEndDayType"
                                                       value="SH" onclick="daycount()" checked>
                                                  <label for="btn-4">Second Half</label><br>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="row mb-3">
                            <div class="col-12 col-md-6 col-lg-6">

                                <div class="input-group mb-2">
                                    <input type="text" id="countDay" value="" name="countDay" class="form-control"
                                           aria-label="Amount" readonly>
                                    <div class="input-group-append">
                                        <span class="input-group-text">Days</span>

                                    </div>
                                </div>
                                <textarea name="reason" id="" cols="30" rows="5" class="form-control "
                                          placeholder="Type Your Reason" required></textarea>


                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <table class="table">
                                    <tbody>
                                    @foreach($leave_types as $key=>$leave_type)
                                        <tr>
                                            <th>{{$leave_type->name}}</th>
                                            <td width="25%"><input class="form-control" type="text" name=""
                                                                   id="leave-{{$key}}"
                                                                   readonly></td>
                                        </tr>
                                    @endforeach
                                    </tbody>

                                </table>
                            </div>
                        </div>

                        @if($leaveHandoverEnabled)
                            @include('partials.leave_responsibility_handover_fields', [
                                'suffix' => '',
                                'handoverStaffList' => $handoverStaffList,
                                'handoverStaffId' => old('responsibility_handover_staff_id'),
                                'onLeaveContact' => old('on_leave_address_contact'),
                                'excludeStaffId' => auth()->user()->staff?->id,
                            ])
                        @endif

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button data-toggle="tooltip" data-placement="top" type="submit" id="saveBtn"
                                class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>


    <div class="modal fade" id="leave_modal_update">
        <form action="{{route('leave.application.update')}}" method="POST">
            @csrf
            <div class="modal-dialog modal-lg lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Leave Application update')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row mb-3">
                            <div class="col-12 col-md-12 col-lg-12 text-right">
                                <h5>Apply Date: <span id="Apply_id"></span></h5>
                            </div>
                        </div>

                        <div class="row mb-3 d-none" id="errorMessages">
                            <div class="col-12 col-md-12 col-lg-12 text-center">
                                <p class="alert alert-warning p-2 border rounded" id="errorMessageShows"></p>
                            </div>
                        </div>
                        <input type="hidden" name="id" id="id">
                        <input type="hidden" name="apply_date" id="apply_date_2">
                        <input type="hidden" name="staff_id" id="staff_id_hidden">
                        <input type="hidden" name="leave_type" id="leave_type_hidden">

                        <div class="row mb-3">
                            <div class="col-12 col-md-6 col-lg-6">
                                <select name="staff_id" id="staff_ids" class="form-control" required disabled
                                        onchange="staff_info_edit(this)" onclick="staff_info_edit(this)">
                                    <option value="">{{__('Select Staff')}}</option>
                                    @foreach(Staff::all() as $staff)
                                        <option value="{{$staff->id}}">{{$staff->user->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <select name="leave_type" id="leave_types" class="form-control" required disabled>
                                    @php $leave_types=LeaveType::where('group_id',auth()->user()->staff->leave_group_id)->get();@endphp
                                    <option value="">{{__('Select Leave Type')}}</option>
                                    @foreach($leave_types as $leave_type)
                                        <option value="{{$leave_type->id}}">{{$leave_type->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>


                        <div class="row mb-3">
                            <div class="col-12 col-md-6 col-lg-6">
                                <div class="row mb-2">
                                    <div class="col-12">
                                        <input type="date" name="start" id="start" class="form-control" required
                                               onchange="daycounts()" readonly>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="row" id="start_date_hide">
                                            <div class="col-4">
                                                <input type="radio" id="btn-1_s" name="LeaveStartDayType" value="FH"
                                                       onchange="daycounts()" readonly>
                                                  <label for="btn-2">First Half</label><br>
                                            </div>
                                            <div class="col-8">
                                                <input type="radio" id="btn-2_s" name="LeaveStartDayType" value="SH"
                                                       onchange="daycounts()" readonly>
                                                  <label for="btn-2">Second Half</label><br>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="col-12 col-md-6 col-lg-6">

                                <div class="row mb-2">
                                    <div class="col-12">
                                        <input type="date" name="end" id="end" class="form-control" required
                                               onchange="holiday()" readonly>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="row" id="end_date_hide">
                                            <div class="col-4">
                                                <input type="radio" id="btn-3_s" name="LeaveEndDayType" value="FH"
                                                       onclick="daycounts()" readonly>
                                                  <label for="btn-3">First Half</label><br>
                                            </div>
                                            <div class="col-8">
                                                <input type="radio" id="btn-4_s" name="LeaveEndDayType"
                                                       value="SH" onclick="daycounts()" readonly>
                                                  <label for="btn-4">Second Half</label><br>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="row mb-3">
                            <div class="col-12 col-md-6 col-lg-6">

                                <div class="input-group mb-2">
                                    <input type="text" id="countDays" value="" name="countDay" class="form-control"
                                           aria-label="Amount" readonly>
                                    <div class="input-group-append">
                                        <span class="input-group-text">Days</span>

                                    </div>
                                </div>
                                <textarea name="reason" id="reason" cols="30" rows="5" class="form-control "
                                          placeholder="Type Your Reason" required readonly></textarea>


                            </div>
                            <div class="col-12 col-md-6 col-lg-6">
                                <table class="table">
                                    <tbody>
                                    @foreach($leave_types as $key=>$leave_type)
                                        <tr>
                                            <th>{{$leave_type->name}}</th>
                                            <td width="25%"><input class="form-control" type="text" name=""
                                                                   id="leaves-{{$key}}"
                                                                   readonly></td>
                                        </tr>
                                    @endforeach
                                    </tbody>

                                </table>
                            </div>
                        </div>

                        @if($leaveHandoverEnabled)
                            @include('partials.leave_responsibility_handover_fields', [
                                'suffix' => '_edit',
                                'handoverStaffList' => $handoverStaffList,
                                'handoverStaffId' => old('responsibility_handover_staff_id'),
                                'onLeaveContact' => old('on_leave_address_contact'),
                                'excludeStaffId' => auth()->user()->staff?->id,
                            ])
                        @endif

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        @if($leaveHandoverEnabled)
                            <button type="submit" class="btn btn-primary">{{ __('Update') }}</button>
                        @endif
                    </div>
                </div>
            </div>
        </form>
    </div>

@endsection

@section('script')
    <script>


        let weekend_day = [];
        let weekend_day_select = [];
        let staff_id_dyanmic;
        let holiday_count = 0;
        const leaveBridgeAccept = @json((int) get_setting('leave_bridge_accept') === 1);
        const leaveHandoverEnabled = @json($leaveHandoverEnabled);

        function resolveLeaveDayCount(weekendDaySelect) {
            if (leaveBridgeAccept) {
                return weekendDaySelect.length;
            }

            return weekendDaySelect.filter((element) => !weekend_day.includes(element)).length;
        }

        function leave_add() {
            $('#leave_modal').modal('show');
        }

        function staff_info() {
            const id = $('#staff_id').val();
            staff_id_dyanmic = id;
            $('#start_date').val('');
            $('#end_date').val('');
            $('#countDay').val('');

            $('#start_date_hide').addClass('d-none');
            $('#end_date_hide').addClass('d-none');

            $.ajax({
                type: 'Get',
                url: '{{route('leave.type.count')}}',
                data: {id: id},
                success: function (data) {
                    const leave_count = data.map((datas, index) => {
                        $('#leave-' + index).val(datas);

                    });

                }
            })

            weekend(id);

        }

        function leave_update(id, staff_id, leave_type, from, to, reason, apply_date, countday, status1, status2, handoverStaffId, onLeaveContact) {
            $('#id').val(id);
            $('#Apply_id').html(apply_date);
            $('#staff_ids').val(staff_id);
            $('#staff_id_hidden').val(staff_id);
            $('#leave_types').val(leave_type);
            $('#leave_type_hidden').val(leave_type);
            $('#start').val(from);
            $('#end').val(to);
            $('#reason').val(reason)
            $('#apply_date_2').val(apply_date);
            $('#countDays').val(countday);


            // Update checkbox states
            if (status1 === 'LFH' && status2 === 'LFH') {
                $('#btn-1_s').prop('checked', true);
                $('#btn-3_s').prop('checked', true);
                $('#btn-2_s').prop('checked', false);
                $('#btn-4_s').prop('checked', false);
            } else if (status1 === 'LSH' && status2 === 'LSH') {
                $('#btn-2_s').prop('checked', true);
                $('#btn-4_s').prop('checked', true);
                $('#btn-1_s').prop('checked', false);
                $('#btn-3_s').prop('checked', false);
            } else if (status1 === '' && status2 === '') {
                $('#btn-1_s').prop('checked', true);
                $('#btn-4_s').prop('checked', true);
                $('#btn-2_s').prop('checked', false);
                $('#btn-3_s').prop('checked', false);
            } else {
                // If none of the above conditions match, ensure all are unchecked
                $('#btn-1_s').prop('checked', false);
                $('#btn-2_s').prop('checked', false);
                $('#btn-3_s').prop('checked', false);
                $('#btn-4_s').prop('checked', false);
            }


            // Call additional functions
            staff_info_edit();
            weekend(staff_id);

            if (leaveHandoverEnabled) {
                $('#responsibility_handover_staff_id_edit').val(handoverStaffId || '').trigger('change');
                $('#on_leave_address_contact_edit').val(onLeaveContact || '');
            }

            $('#leave_modal_update').modal('show');
        }


        function staff_info_edit() {

            var id = $('#staff_ids').val();
            $.ajax({
                type: 'Get',
                url: '{{route('leave.type.count')}}',
                data: {id: id},
                success: function (data) {
                    const leave_count = data.map((datas, index) => {
                        $('#leaves-' + index).val(datas);

                    });

                }
            })


        }

        function daycount() {
            let start_date = $('#start_date').val();
            let end_date = $('#end_date').val();
            // holiday_count = $('#holiday_id').val();
            weekend_day_select = [];
            if (start_date !== '' && end_date !== '') {
                $('#start_date_hide').removeClass('d-none');
                $('#end_date_hide').removeClass('d-none');

            } else {
                $('#start_date_hide').addClass('d-none');
                $('#end_date_hide').addClass('d-none');
            }
// Convert date strings to Date objects
            var startDateObject = new Date(start_date);
            var endDateObject = new Date(end_date);


// Function to get the week name (e.g., Monday, Tuesday, etc.)
            function getWeekName(date) {
                const daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
                return daysOfWeek[date.getDay()];
            }

// Loop through the dates and display each date with its week name
            var currentDate = new Date(startDateObject);
            while (currentDate <= endDateObject) {
                var formattedDate = currentDate.toISOString().slice(0, 10); // Format the date as "YYYY-MM-DD"
                var weekName = getWeekName(currentDate);
                weekend_day_select.push(weekName);

// Move to the next date
                currentDate.setDate(currentDate.getDate() + 1);
            }

            let leaveDayCount = resolveLeaveDayCount(weekend_day_select);
            let btn1 = document.getElementById('btn-1');
            let btn2 = document.getElementById('btn-2');
            let btn3 = document.getElementById('btn-3');
            let btn4 = document.getElementById('btn-4');
            if (leaveDayCount - holiday_count > 0) {
                if (btn1.checked && btn3.checked) {
                    $('#countDay').val(leaveDayCount - .5);
                } else if (btn2.checked && btn4.checked) {

                    $('#countDay').val(leaveDayCount - .5);
                } else if (btn2.checked && btn3.checked) {

                    $('#countDay').val(leaveDayCount - 1);

                } else {
                    $('#countDay').val(leaveDayCount - holiday_count);

                }
            } else {
                $('#countDay').val(leaveDayCount - holiday_count);
            }
            if (start_date !== '' && end_date !== '') {
                if ($('#countDay').val() <= 0) {
                    $('#saveBtn').attr('disabled', true);
                    $('#saveBtn').attr('title', 'Does not applied leave, Because of Zero days Leave');
                    $('#errorMessage').removeClass('d-none');
                    $('#errorMessageShow').html('Does not applied leave, Because of Zero days Leave');
                } else {
                    $('#saveBtn').attr('disabled', false);
                    $('#saveBtn').attr('title', '');
                    $('#errorMessage').addClass('d-none');
                    $('#errorMessageShow').html('');
                }
            }

        }


        function daycounts() {
            var start_date = $('#start').val();
            var end_date = $('#end').val();
            weekend_day_select = [];
            if (start_date !== '' && end_date !== '') {
                $('#start_date_hide').removeClass('d-none');
                $('#end_date_hide').removeClass('d-none');
            } else {
                $('#start_date_hide').addClass('d-none');
                $('#end_date_hide').addClass('d-none');
            }
// Convert date strings to Date objects
            var startDateObject = new Date(start_date);
            var endDateObject = new Date(end_date);


// Function to get the week name (e.g., Monday, Tuesday, etc.)
            function getWeekName(date) {
                const daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
                return daysOfWeek[date.getDay()];
            }

// Loop through the dates and display each date with its week name
            var currentDate = new Date(startDateObject);
            while (currentDate <= endDateObject) {
                var formattedDate = currentDate.toISOString().slice(0, 10); // Format the date as "YYYY-MM-DD"
                var weekName = getWeekName(currentDate);
                weekend_day_select.push(weekName);

// Move to the next date
                currentDate.setDate(currentDate.getDate() + 1);
            }


            let leaveDayCount = resolveLeaveDayCount(weekend_day_select);
            let btn1 = document.getElementById('btn-1_s');
            let btn2 = document.getElementById('btn-2_s');
            let btn3 = document.getElementById('btn-3_s');
            let btn4 = document.getElementById('btn-4_s');
            if (btn1.checked && btn3.checked) {
                $('#countDays').val(leaveDayCount - .5);
            } else if (btn2.checked && btn4.checked) {

                $('#countDays').val(leaveDayCount - .5);
            } else if (btn2.checked && btn3.checked) {

                $('#countDays').val(leaveDayCount - 1);

            } else {
                $('#countDays').val(leaveDayCount);

            }
            if (start_date !== '' && end_date !== '') {
                if ($('#countDays').val() <= 0) {
                    $('#saveBtns').attr('disabled', true);
                    $('#saveBtns').attr('title', 'Does not applied leave, Because of Zero days Leave');
                    $('#errorMessages').removeClass('d-none');
                    $('#errorMessageShows').html('Does not applied leave, Because of Zero days Leave');
                } else {
                    $('#saveBtns').attr('disabled', false);
                    $('#saveBtns').attr('title', '');
                    $('#errorMessages').addClass('d-none');
                    $('#errorMessageShows').html('');
                }
            }

        }


        function weekend(id) {
            weekend_day = [];
            $.ajax({
                type: 'Get',
                url: '{{route('leave.weekend.check')}}',
                data: {id: id},

                success: function (res) {

                    const weekend_check = res.map((datas, index) => {
                        weekend_day.push(datas);

                    });

                }


            })

        }

        function holiday() {
            let id = staff_id_dyanmic;
            let start = $('#start_date').val();
            let end = $('#end_date').val();
            $.ajax({
                type: 'Get',
                url: '{{route('leave.holiday.check')}}',
                data: {id: id, start: start, end: end},

                success: function (res) {
                    $('#holiday_id').val(res);
                    holiday_count = res;
                    console.log(res);
                }


            })

            setTimeout(daycount, 1000);

        }

        (function () {
            function bindModalSelect2($modal) {
                $modal.find('select.select2').each(function () {
                    var $el = $(this);
                    if ($el.data('select2')) {
                        $el.select2('destroy');
                    }
                    $el.select2({width: '100%', dropdownParent: $modal});
                });
            }

            $('#leave_modal, #leave_modal_update').on('shown.bs.modal', function () {
                bindModalSelect2($(this));
            });
        })();

    </script>
@endsection