@extends('admin.layouts.app')
@section('title',get_setting('site_name').' | Admin Dashboard')
@section('content')
    <style>
        .fc-day-grid-container {

            height: auto !important;
        }

        th {
            position: sticky;
        }
    </style>

    <div class="row mt-3 mb-3">
        @foreach([
            ['key' => 'total', 'label' => __('Total Employee'), 'icon' => 'fas fa-users', 'color' => 'text-dark', 'data' => $statsTotal],
            ['key' => 'active', 'label' => __('Active Employee'), 'icon' => 'fas fa-user-check', 'color' => 'text-success', 'data' => $statsActiveEmployees],
            ['key' => 'inactive', 'label' => __('Inactive Employee'), 'icon' => 'fas fa-user-slash', 'color' => 'text-danger', 'data' => $statsInactiveEmployees],
            ['key' => 'present', 'label' => __('Present'), 'icon' => 'fas fa-user-check', 'color' => 'text-success', 'data' => $statsPresent],
            ['key' => 'absent', 'label' => __('Absent'), 'icon' => 'fas fa-user-slash', 'color' => 'text-danger', 'data' => $statsAbsent],
            ['key' => 'movement', 'label' => __('Movement'), 'icon' => 'fas fa-running', 'color' => 'text-info', 'data' => $statsMovement],
            ['key' => 'leave', 'label' => __('Leave'), 'icon' => 'fas fa-procedures', 'color' => 'text-stat-leave', 'data' => $statsLeave],
            ['key' => 'late', 'label' => __('Late'), 'icon' => 'fas fa-clock', 'color' => 'text-warning', 'data' => $statsLate],
            ['key' => 'Extra late', 'label' => __('Extra Late'), 'icon' => 'fas fa-clock', 'color' => 'text-primary', 'data' => $statsExtra],
        ] as $stat)
            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-12 mb-3">
                <div class="card dash-stat-card h-100">
                    <div class="card-body py-3">
                        <div class="d-flex align-items-center">
                            <div class="mr-3 {{ $stat['color'] }}" style="font-size: 2rem;">
                                <i class="{{ $stat['icon'] }}"></i>
                            </div>
                            <div class="flex-grow-1 text-right">
                                <h4 class="mb-0 {{ $stat['color'] }}">{{ $stat['data']['total'] }}</h4>
                                <p class="mb-1 font-13 font-weight-semibold">{{ $stat['label'] }}</p>
                                <p class="mb-0 stat-gender">
                                    {{ __('Male') }} : {{ $stat['data']['male'] }}
                                    {{ __('Female') }} : {{ $stat['data']['female'] }}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    @if(!empty($moduleMiniCards))
        <div class="row mb-3">
            @foreach($moduleMiniCards as $mini)
                <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 mb-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <div class="d-flex align-items-center">
                                <div class="mr-3" style="font-size: 2rem;">
                                    <i class="{{ $mini['icon'] }} {{ $mini['color'] }}"></i>
                                </div>
                                <div class="flex-grow-1 text-right">
                                    <h4 class="mb-0">{{ $mini['value'] }}</h4>
                                    @if(!empty($mini['route']))
                                        <a href="{{ $mini['route'] }}" class="btn btn-link p-0 text-muted"
                                           style="font-size: 13px;">
                                            {{ $mini['label'] }} <i class="fas fa-arrow-right"
                                                                    style="font-size: 12px"></i>
                                        </a>
                                    @else
                                        <div class="text-muted" style="font-size: 13px;">{{ $mini['label'] }}</div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @endif

    <div class="row mb-3">
        @foreach([
            [
                'value' => 0,
                'label' => __('Pending Break Time Reconciliation'),
                'icon' => 'fas fa-tasks',
                'color' => 'text-gradient-success',
                'modal' => null,
            ],
            [
                'value' => $statsResigned,
                'label' => __('Resigned'),
                'icon' => 'fas fa-person-walking-arrow-right',
                'color' => 'text-gradient-warning',
                'modal' => 'ResignedModal',
            ],
            [
                'value' => $statsTermination,
                'label' => __('Termination'),
                'icon' => 'fas fa-user-times',
                'color' => 'text-gradient-danger',
                'modal' => 'TerminationModal',
            ],
            [
                'value' => $statsRetirement,
                'label' => __('Retirement'),
                'icon' => 'fas fa-umbrella-beach',
                'color' => 'text-gradient-primary',
                'modal' => 'RetirementModal',
            ],
            [
                'value' => $pendingLeaveApplications,
                'label' => __('Pending Leave Applications'),
                'icon' => 'fas fa-envelope-open-text',
                'color' => 'text-gradient-primary',
                'modal' => null,
            ],
            [
                'value' => $assetsTotal,
                'label' => __('Assets (Items)'),
                'icon' => 'fas fa-boxes',
                'color' => 'text-gradient-warning',
                'modal' => null,
            ],
            [
                'value' => $assetsAssignedActive,
                'label' => __('Assigned Assets'),
                'icon' => 'fas fa-hand-holding',
                'color' => 'text-gradient-success',
                'modal' => null,
            ],
            [
                'value' => count($upcomingbirthdays),
                'label' => __('Upcoming Birthdays'),
                'icon' => 'far fa-gem',
                'color' => 'text-gradient-danger',
                'modal' => 'UpcomingBirthdayModal',
            ],
            [
                'value' => 1,
                'label' => __('Pending Attendance Approval'),
                'icon' => 'fas fa-users',
                'color' => 'text-gradient-warning',
                'modal' => null,
            ],
            [
                'value' => 1,
                'label' => __('Pending Attendance Reconciliation'),
                'icon' => 'fas fa-database',
                'color' => 'text-gradient-primary',
                'modal' => null,
            ],
        ] as $mini)
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 mb-3">
                <div class="card h-100">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="mr-3" style="font-size: 2rem;">
                                <i class="{{ $mini['icon'] }} {{ $mini['color'] }}"></i>
                            </div>
                            <div class="flex-grow-1 text-right">
                                <h4 class="mb-0">{{ $mini['value'] }}</h4>
                                @if(!empty($mini['modal']))
                                    <button type="button" class="btn btn-link p-0 text-muted"
                                            data-toggle="modal" data-target="#{{ $mini['modal'] }}"
                                            style="font-size: 13px;">
                                        {{ $mini['label'] }} <i class="fas fa-arrow-right" style="font-size: 12px"></i>
                                    </button>
                                @else
                                    <div class="text-muted" style="font-size: 13px;">{{ $mini['label'] }}</div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="row mb-3">
        <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 custom_design">
            <div class="card">
                <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                    <h5 class="mb-0">{{ __('Daily Attendance') }}</h5>
                    <span class="text-muted small">{{ __('Date') }}: {{ $attDate }}</span>
                </div>
                <div class="card-body">
                    <form method="get" action="{{ route('dashboard') }}" class="mb-3">
                        <div class="form-row align-items-end">
                            <div class="form-group col-6 col-md-4 col-lg-2 mb-2 mb-lg-0">
                                <label class="small text-muted mb-1">{{ __('Date') }}</label>
                                <input type="date" name="att_date" class="form-control form-control-sm"
                                       value="{{ $attDate }}">
                            </div>
                            <div class="form-group col-6 col-md-4 col-lg-2 mb-2 mb-lg-0">
                                <label class="small text-muted mb-1">{{ __('Attendance status') }}</label>
                                <select name="daily_status" class="form-control form-control-sm">
                                    <option value="">{{ __('All') }}</option>
                                    <option
                                        value="P" @selected(request('daily_status') === 'P')>{{ __('Present (P)') }}</option>
                                    <option
                                        value="D" @selected(request('daily_status') === 'D')>{{ __('Delay (D)') }}</option>
                                    <option
                                        value="E" @selected(request('daily_status') === 'E')>{{ __('Extra delay (E)') }}</option>
                                    <option
                                        value="A" @selected(request('daily_status') === 'A')>{{ __('Absent (A)') }}</option>
                                    <option
                                        value="L" @selected(request('daily_status') === 'L')>{{ __('Leave (L)') }}</option>
                                </select>
                            </div>
                            <div class="form-group col-12 col-md-4 col-lg-2 mb-2 mb-lg-0">
                                <label class="small text-muted mb-1">{{ __('Department') }}</label>
                                <select name="daily_department_id" class="form-control form-control-sm">
                                    <option value="">{{ __('All') }}</option>
                                    @foreach($departments as $dept)
                                        <option
                                            value="{{ $dept->id }}" @selected((string) request('daily_department_id') === (string) $dept->id)>{{ $dept->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-12 col-md-4 col-lg-2 mb-2 mb-lg-0">
                                <label class="small text-muted mb-1">{{ __('Branch') }}</label>
                                <select name="daily_warehouse_id" class="form-control form-control-sm">
                                    <option value="">{{ __('All') }}</option>
                                    @foreach($warehouses as $wh)
                                        <option
                                            value="{{ $wh->id }}" @selected((string) request('daily_warehouse_id') === (string) $wh->id)>{{ $wh->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-12 col-md-4 col-lg-3 mb-2 mb-lg-0">
                                <label class="small text-muted mb-1">{{ __('Employee name') }}</label>
                                <input type="search" name="daily_q" class="form-control form-control-sm"
                                       value="{{ request('daily_q') }}" placeholder="{{ __('Search') }}">
                            </div>
                            <div class="form-group col-12 col-md-8 col-lg-1 mb-2 mb-lg-0 d-flex flex-wrap">
                                <button type="submit"
                                        class="btn btn-primary btn-sm mr-1 mb-1">{{ __('Filter') }}</button>
                                <a href="{{ route('dashboard') }}"
                                   class="btn btn-outline-secondary btn-sm mb-1">{{ __('Clear') }}</a>
                            </div>
                        </div>
                    </form>
                    <div class="table-responsive" style="max-height: 500px; overflow: auto;">
                        <table class="table table-striped table-hover mb-0">
                            <thead>
                            <tr>
                                <th>{{ __('Employee') }}</th>
                                <th>{{ __('Department') }}</th>
                                <th>{{ __('In Time') }}</th>
                                <th>{{ __('Out Time') }}</th>
                                <th>{{ __('Status') }}</th>
                                <th>{{ __('Action') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($dailyAttendanceRows as $row)
                                @php
                                    $staff = $row['staff'];
                                    $attendance = $row['attendance'];
                                    $displayStatus = $row['status'];
                                @endphp
                                <tr>
                                    <td><img class="rounded-circle border border-gray-300"
                                             src="@if($staff->user->image!=null) {{ asset('storage/' . $staff->user->image) }} @else {{ asset('storage/uploads/user-icon.png') }} @endif"
                                             width="60px"
                                             height="60px"
                                             onerror="this.onerror=null;this.src='{{ asset('storage/uploads/user-icon.png') }}';"
                                             alt="{{ $staff->user->name }}">
                                        <span class="fs-18 fw-600"
                                              style="font-family: 'Open Sans', sans-serif">  {{ $staff->user->name }}</span>
                                        <span class="fs-18 fw-600 text-muted"
                                              style="font-family: 'Open Sans', sans-serif"> ({{ $staff->warehouse->name ?? '-' }})</span>
                                    </td>
                                    <td class="align-middle">{{ $staff->department->name ?? '—' }}</td>
                                    @if($attendance !== null)
                                        <td class="align-middle"><input class="form-control form-control-sm" type="time"
                                                                        value="{{ $attendance->signIn }}" readonly></td>
                                        <td class="align-middle"><input class="form-control form-control-sm" type="time"
                                                                        value="{{ $attendance->signOut }}" readonly>
                                        </td>
                                        <td width="10%" class="align-middle">
                                            <input
                                                class="form-control form-control-sm text-white text-center @if($attendance->status=='P') bg-success @elseif($attendance->status=='D') bg-info @else bg-danger @endif"
                                                type="text" readonly
                                                value="{{ $attendance->status }}">
                                        </td>
                                        <td class="align-middle">
                                            <a class="btn btn-primary btn-sm" href="javascript:void(0);"
                                               onclick="Attendance_update({{ $attendance->id }}, @json($attendance->date), @json($attendance->signIn), @json($attendance->signOut));"><i
                                                    class="fas fa-edit"></i></a>
                                        </td>
                                    @else
                                        <td class="align-middle"><input class="form-control form-control-sm" type="time"
                                                                        value="" readonly></td>
                                        <td class="align-middle"><input class="form-control form-control-sm" type="time"
                                                                        value="" readonly></td>
                                        <td class="align-middle">
                                            <input
                                                class="form-control form-control-sm text-white text-center @if($displayStatus === 'A') bg-danger @else bg-info @endif"
                                                type="text" readonly
                                                value="{{ $displayStatus }}">
                                        </td>
                                        <td class="align-middle"></td>
                                    @endif
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6"
                                        class="text-center text-muted py-4">{{ __('No employees match the selected filters.') }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>


            </div>
        </div>
        <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
            <div class="card">
                <div class="card-header">
                    <h5>Attendance Missed</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive" style="max-height: 500px; overflow: auto;">
                        <table class="table table-striped table-hover mb-0">
                            <thead>
                            <tr>
                                <th>Date</th>
                                <th>Name</th>
                                <th>In Time</th>
                                <th>Out Time</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                                // Try to retrieve the data from the cache; otherwise, execute the query and store the result in the cache.
                                $missingAttendances = cache()->remember('missingAttendances', now()->addHours(1), function () {
                                    return \App\Models\Attendance::where(function ($query) {
                                        $query->whereNull('signIn')->orWhereNull('signOut')->whereYear('date', date('Y'));
                                    })->orderBy('id','DESC')
                                    ->get();
                                });
                            @endphp
                            @foreach($missingAttendances as $attendanceMissing)
                                @if($attendanceMissing->date!=date('Y-m-d') && $attendanceMissing->staff->user->is_active==1)
                                    <tr>
                                        <td>{{date('D, M d',strtotime($attendanceMissing->date))}}</td>
                                        <td>{{!empty($attendanceMissing->staff->user)?$attendanceMissing->staff->user->name:''}}</td>
                                        <td><input class="form-control" type="time" name="" id=""
                                                   value="{{$attendanceMissing->signIn}}" readonly></td>
                                        <td><input class="form-control" type="time" name="" id=""
                                                   value="{{$attendanceMissing->signOut}}" readonly></td>
                                        <td>
                                            <a class="btn btn-primary" href="javascript:void(0);"
                                               onclick="Attendance_update({{$attendanceMissing->id}},{{$attendanceMissing->date}},'{{$attendanceMissing->signIn}}','{{$attendanceMissing->signOut}}');"><i
                                                    class="fas fa-edit"></i></a>
                                        </td>
                                    </tr>
                                @endif
                            @endforeach

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




    <div class="row mb-3">
        <div class="col-12">
            <div class="card">
                <div class="card-body">


                    <h4 class="m-t-5 m-b-15 font-16">Holiday Calendar</h4>


                    <div id='calendar' class=""></div>

                </div>
                <!-- end row -->

            </div>
        </div>
    </div> <!-- end col -->

@endsection
@section('modal')
    <div class="modal fade" id="UpcomingBirthdayModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('Upcoming Birthdays (Active Staff)') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead>
                            <tr>
                                <th>{{ __('Employee') }}</th>
                                <th>{{ __('Employee Code') }}</th>
                                <th>{{ __('Date of Birth') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($upcomingbirthdays as $birtday)
                                <tr>
                                    <td>{{ $birtday->user->name ?? '' }}</td>
                                    <td>{{ $birtday->user->id ?? '' }}</td>
                                    <td>{{ $birtday->dob ? date('d F, Y', strtotime($birtday->dob)) : '' }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3"
                                        class="text-muted text-center">{{ __('No upcoming birthdays') }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="ResignedModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('Resigned Employees') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead>
                            <tr>
                                <th>{{ __('Employee') }}</th>
                                <th>{{ __('Employee Code') }}</th>
                                <th>{{ __('Reason') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($resignedStaffs as $s)
                                <tr>
                                    <td>{{ $s->user->name ?? '' }}</td>
                                    <td>{{ $s->user_id }}</td>
                                    <td>{{ $s->deactive_reason }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3" class="text-muted text-center">{{ __('No data') }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="TerminationModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('Terminated Employees') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead>
                            <tr>
                                <th>{{ __('Employee') }}</th>
                                <th>{{ __('Employee Code') }}</th>
                                <th>{{ __('Reason') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($terminationStaffs as $s)
                                <tr>
                                    <td>{{ $s->user->name ?? '' }}</td>
                                    <td>{{ $s->user_id }}</td>
                                    <td>{{ $s->deactive_reason }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3" class="text-muted text-center">{{ __('No data') }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="RetirementModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('Retired Employees') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead>
                            <tr>
                                <th>{{ __('Employee') }}</th>
                                <th>{{ __('Employee Code') }}</th>
                                <th>{{ __('Reason') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($retirementStaffs as $s)
                                <tr>
                                    <td>{{ $s->user->name ?? '' }}</td>
                                    <td>{{ $s->user_id }}</td>
                                    <td>{{ $s->deactive_reason }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3" class="text-muted text-center">{{ __('No data') }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="Attendance_update_modal">
        <form action="{{route('attendance.update')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Attendance Update')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table mb-0">
                            <tbody>

                            <input class="form-control" type="hidden" name="id" id="id" value="">

                            <tr>
                                <td><label for="">SignIn</label></td>
                                <td><input class="form-control" type="time" id="signin" value="" name="signin"></td>
                            </tr>
                            <tr>
                                <td><label for="">SignOut</label></td>
                                <td><input class="form-control" placeholder="Enter Received Amount"
                                           type="time"
                                           name="signout" id="signout" value="" required>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Update')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

@endsection

@section('script')
    <script>
        /*
 Template Name: Zoogler - Bootstrap 4 Admin Dashboard
 Author: Mannatthemes
 Website: www.mannatthemes.com
File: Calendar init js
 */

        !function ($) {
            "use strict";

            var CalendarPage = function () {
            };

            CalendarPage.prototype.init = function () {

                //checking if plugin is available
                if ($.isFunction($.fn.fullCalendar)) {
                    /* initialize the external events */
                    $('#external-events .fc-event').each(function () {
                        // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
                        // it doesn't need to have a start or end
                        var eventObject = {
                            title: $.trim($(this).text()) // use the element's text as the event title
                        };

                        // store the Event Object in the DOM element so we can get to it later
                        $(this).data('eventObject', eventObject);

                        // make the event draggable using jQuery UI
                        $(this).draggable({
                            zIndex: 999,
                            revert: true, // will cause the event to go back to its
                            revertDuration: 0 //  original position after the drag
                        });

                    });

                    /* initialize the calendar */

                    var date = new Date();
                    var d = date.getDate();
                    var m = date.getMonth();
                    var y = date.getFullYear();

                    $('#calendar').fullCalendar({
                        header: {
                            left: 'prev,next today',
                            center: 'title',
                            right: 'month,basicWeek,basicDay'
                        },
                        editable: true,
                        eventLimit: true, // allow "more" link when too many events
                        droppable: true, // this allows things to be dropped onto the calendar !!!
                        drop: function (date, allDay) { // this function is called when something is dropped

                            // retrieve the dropped element's stored Event Object
                            var originalEventObject = $(this).data('eventObject');

                            // we need to copy it, so that multiple events don't have a reference to the same object
                            var copiedEventObject = $.extend({}, originalEventObject);

                            // assign it the date that was reported
                            copiedEventObject.start = date;
                            copiedEventObject.allDay = allDay;

                            // render the event on the calendar
                            // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
                            $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);

                            // is the "remove after drop" checkbox checked?
                            if ($('#drop-remove').is(':checked')) {
                                // if so, remove the element from the "Draggable Events" list
                                $(this).remove();
                            }

                        },
                        <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\Models\Holiday&quot; not found in /home/easyhr/public_html/psks.easyhr.us/resources/views/dashboard.blade.php:687
Stack trace:
#0 {main}
  thrown in <b>/home/easyhr/public_html/psks.easyhr.us/resources/views/dashboard.blade.php</b> on line <b>687</b><br />