@extends('employee.layouts.app')
@section('title',get_setting('site_name').' Holiday Calendar')
@section('content')
    <style>
        .fc-day-grid-container {

            height: auto !important;
        }
    </style>
    <div class="row">
        <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('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: false, // 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: false,
                        eventLimit: false, // allow "more" link when too many events
                        droppable: false, // 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/employee/holiday_calendar.blade.php:113
Stack trace:
#0 {main}
  thrown in <b>/home/easyhr/public_html/psks.easyhr.us/resources/views/employee/holiday_calendar.blade.php</b> on line <b>113</b><br />