{{--@php--}}
{{--    use App\Http\Controllers\Mod\ModCalendar;--}}
{{--    $record=ModCalendar::index();--}}

{{--    var_dump($record);--}}
{{--@endphp--}}

<script>


    !function ($) {
        "use strict";
        var CalendarApp = function () {
            this.$body = $("body")
            this.$calendar = $('#calendar'),
                this.$event = ('#calendar-events div.calendar-events'),
                this.$categoryForm = $('#add-new-event form'),
                this.$extEvents = $('#calendar-events'),
                this.$modal = $('#modalExtraLarge'),
                this.$saveCategoryBtn = $('.save-category'),
                this.$calendarObj = null
        };


        /* on drop */
        CalendarApp.prototype.onDrop = function (eventObj, date) {
            var $this = this;
            // retrieve the dropped element's stored Event Object
            var originalEventObject = eventObj.data('eventObject');
            var $categoryClass = eventObj.attr('data-class');
            // 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;
            if ($categoryClass)
                copiedEventObject['className'] = [$categoryClass];
            // render the event on the calendar
            $this.$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
                eventObj.remove();
            }
        },
            /* on click on event */
            CalendarApp.prototype.onEventClick = function (calEvent, jsEvent, view) {
                var $this = this;

                // loadsDataForm('#modalExtraLarge .modal-content', '/calendar-reminder/formedit/'+calEvent._id, '#acaoForm', ['#_token',]);


                var calen_class = calEvent.className[2];
                var calen_id = calEvent.className[3];
                switch (calen_class) {
                    case 'reminder':
                        loadsDataForm('#modalExtraLarge .modal-content', '/calendar-reminder/formedit/' + calen_id, '#acaoForm', ['#_token',]);
                        break;
                    default:
                        loadsDataForm('#modalExtraLarge .modal-content', '/calendar-relationship/formedit/' + calen_id, '#acaoForm', ['#_token',]);
                        break;

                }

                // var form = $("<form></form>");
                // form.append("<label></label>");
                // var footer = '<div class="modal-footer">' +
                //     '   <button type="button" class="btn btn-white waves-effect" data-dismiss="modal">Close</button>' +
                //     '   <button type="button" class="btn btn-success save-event waves-effect waves-light">Create event </button>' +
                //     '   <button type="button" class="btn btn-danger delete-event waves-effect waves-light" data-dismiss="modal" style="display: none;">Delete   </button>' +
                //     '</div>';
                // var contener = "<div class='input-group'>" +
                //     "   <input class='form-control' type=text value='" + calEvent.title + "' />" +
                //     "   <span class='input-group-btn'><button type='submit' class='btn btn-success waves-effect waves-light'>" +
                //     "   <i class='fa fa-check'></i> Save</button>" +
                //     "</span>" +
                //     "</div>";
                //
                // form.append(contener + footer);

                $this.$modal.modal({
                    backdrop: 'static'
                });
                $this.$modal.find('.delete-event').show().end().find('.save-event').hide().end().find('.modal-body').empty().prepend(form).end().find('.delete-event').unbind('click').click(function () {
                    $this.$calendarObj.fullCalendar('removeEvents', function (ev) {
                        return (ev._id == calEvent._id);
                    });
                    $this.$modal.modal('hide');
                });
                $this.$modal.find('form').on('submit', function () {
                    calEvent.title = form.find("input[type=text]").val();
                    $this.$calendarObj.fullCalendar('updateEvent', calEvent);
                    $this.$modal.modal('hide');
                    return false;
                });
            },

            /* on select */
            CalendarApp.prototype.onSelect = function (start, end, allDay) {
                var $this = this;
                $this.$modal.modal({
                    backdrop: 'static'
                });
                var time = moment(new Date()).format('HH:mm');
                var date = moment(start).format('YYYY-MM-DD');
                loadsDataForm('#modalExtraLarge .modal-content', '/calendar-reminder/formadd?date_start=' + date + ' ' + time, '#acaoForm', ['#_token',]);

                //
                //    var head =  ''
                //                + '<h4 class="modal-title">'
                //                + '      Calendário'
                //                + '  </h4>'
                //                +'   <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>';
                //
                //
                //    $('#modalExtraLarge .modal-header').html( head );
                //
                //    var footer = ' '
                //                + '   <button type="button" class="btn btn-white waves-effect" data-dismiss="modal">Fechar</button>'
                //                + '   <button type="button" class="btn btn-success save-event waves-effect waves-light">Create event </button>'
                //                + '   <button type="button" class="btn btn-danger delete-event waves-effect waves-light" data-dismiss="modal" style="display: none;">Delete   </button>'
                //                + '';
                //    $('#modalExtraLarge .modal-footer').html(footer)
                //
                //    var form = $("<form></form>");
                //    form.append("<div class='row'></div>");
                //    form.find(".row")
                //        .append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Event Name</label><input class='form-control' placeholder='Insert Event Name' type='text' name='title'/></div></div>")
                //        .append("<div class='col-md-6'><div class='form-group'><label class='control-label'>Category</label><select class='form-control' name='category'></select></div></div>")
                //        .find("select[name='category']")
                //        .append("<option value='bg-danger'>Danger555</option>")
                //        .append("<option value='bg-success'>Success</option>")
                //        .append("<option value='bg-purple'>Purple</option>")
                //        .append("<option value='bg-primary'>Primary</option>")
                //        .append("<option value='bg-pink'>Pink</option>")
                //        .append("<option value='bg-info'>Info</option>")
                //        .append("<option value='bg-warning'>Warning</option></div></div>");


                $this.$modal.find('.delete-event').hide().end().find('.save-event').show().end().find('.modal-body').empty().prepend(form).end().find('.save-event').unbind('click').click(function () {
                    form.submit();
                });
                $this.$modal.find('form').on('submit', function () {
                    var title = form.find("input[name='title']").val();
                    var beginning = form.find("input[name='beginning']").val();
                    var ending = form.find("input[name='ending']").val();
                    var categoryClass = form.find("select[name='category'] option:checked").val();
                    if (title !== null && title.length != 0) {
                        $this.$calendarObj.fullCalendar('renderEvent', {
                            title: title,
                            start: start,
                            end: end,
                            allDay: false,
                            className: categoryClass
                        }, true);
                        $this.$modal.modal('hide');
                    } else {
                        alert('Você tem que dar um título ao seu evento');
                    }
                    return false;

                });
                $this.$calendarObj.fullCalendar('unselect');
            },
            CalendarApp.prototype.enableDrag = function () {
                //init events
                $(this.$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
                    });
                });
            }
        /* Initializing */
        CalendarApp.prototype.init = function () {
            this.enableDrag();
            /*  Initialize the calendar  */
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
            var form = '';
            var today = new Date($.now());

            var defaultEvents = [
                    <br />
<b>Warning</b>:  Undefined variable $record_agenda in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-calendar/calendar-script.blade.php</b> on line <b>194</b><br />

                    <br />
<b>Warning</b>:  Undefined variable $record_relationship in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-calendar/calendar-script.blade.php</b> on line <b>209</b><br />

                    <br />
<b>Warning</b>:  Undefined variable $record_reminder in <b>/home/admgocrm/public_html/crm/dev/crmviews/mod-calendar/calendar-script.blade.php</b> on line <b>223</b><br />

                {
                    title: 'Padrão',
                    start: '2022-01-25 15:52',
                    end: '2022-01-25 16:52',
                    className: 'bg-success'
                }];

            var $this = this;
            $this.$calendarObj = $this.$calendar.fullCalendar({
                slotDuration: '00:15:00', /* If we want to split day time each 15 minutes */
                minTime: '08:00:00',
                maxTime: '19:00:00',
                defaultView: 'month',
                handleWindowResize: true,
                monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
                monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
                dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sabado'],
                dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
                buttonText: {
                    today: "Hoje",
                    month: "Mês",
                    week: "Semana",
                    day: "Dia"
                },

                longDateFormat: {
                    LT: "HH:mm",
                    LTS: "LT:ss",
                    L: "DD/MM/YYYY",
                    LL: "D [de] MMMM [de] YYYY",
                    LLL: "D [de] MMMM [de] YYYY [às] LT",
                    LLLL: "dddd, D [de] MMMM [de] YYYY [às] LT"
                },
                calendar: {
                    sameDay: "[Hoje às] LT",
                    nextDay: "[Amanhã às] LT",
                    nextWeek: "dddd [às] LT",
                    lastDay: "[Ontem às] LT",
                    lastWeek: function () {
                        return 0 === this.day() || 6 === this.day() ? "[Último] dddd [às] LT" : "[Última] dddd [às] LT"
                    },
                    sameElse: "L"
                },
                relativeTime: {
                    future: "em %s",
                    past: "%s atrás",
                    s: "segundos",
                    m: "um minuto",
                    mm: "%d minutos",
                    h: "uma hora",
                    hh: "%d horas",
                    d: "um dia",
                    dd: "%d dias",
                    M: "um mês",
                    MM: "%d meses",
                    y: "um ano",
                    yy: "%d anos"
                },

                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                },
                timeFormat: 'H(:mm)',
                events: defaultEvents,
                editable: true,
                droppable: true, // this allows things to be dropped onto the calendar !!!
                eventLimit: true, // allow "more" link when too many events
                selectable: true,
                drop: function (date) {
                    $this.onDrop($(this), date);
                },
                select: function (start, end, allDay) {
                    $this.onSelect(start, end, allDay);
                },
                eventClick: function (calEvent, jsEvent, view) {
                    $this.onEventClick(calEvent, jsEvent, view);
                }

            });

            //on new event
            this.$saveCategoryBtn.on('click', function () {
                var categoryName = $this.$categoryForm.find("input[name='category-name']").val();
                var categoryColor = $this.$categoryForm.find("select[name='category-color']").val();
                if (categoryName !== null && categoryName.length != 0) {
                    $this.$extEvents.append('<div class="calendar-events" data-class="bg-' + categoryColor + '" style="position: relative;"><i class="fa fa-circle text-' + categoryColor + '"></i>' + categoryName + '</div>')
                    $this.enableDrag();
                }

            });
        },

            //init CalendarApp
            $.CalendarApp = new CalendarApp, $.CalendarApp.Constructor = CalendarApp;

    }(window.jQuery),

//initializing CalendarApp
        function ($) {
            "use strict";
            $.CalendarApp.init()
        }(window.jQuery);
    $(document).ready(function () {

    });

</script>