@extends('adminlte::page')

@section('title', __('clinic-dashboard.index.title'))

@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="row">
                <div class="col-xl-12">@include('clinic.dashboard.parts.news', compact('locale', 'alertNews', 'repairRequestRequiredActions'))</div>
            </div>
            <div class="row">
                <div class="col-xl-12">@include('clinic.dashboard.parts.calendar')</div>
            </div>
        </div>
    </div>
@stop

@section('js')
    <script>const CLINIC_ID = {{ $user->clinic_id }}</script>
    <script type="text/javascript" src='/vendor/fullcalendar/js/index.global.min.js'></script>
    <script type="text/javascript" src='/vendor/fullcalendar/js/locales-all.global.min.js'></script>
    <script type="text/javascript" src="/vendor/summernote/summernote-bs4.min.js"></script>
    <script type="text/javascript" src="/vendor/summernote/lang/summernote-ja-JP.js"></script>
    <script type="module" src="/js/upload/base.js"></script>
    <script type="module" src="/js/upload/ajaxForEvent.js"></script>
    <script type="module">
        // お知らせポップアップ表示関連処理
        let aryAlertNewsList = [
        @foreach ($alertNews as $news)
            {
                id:'{{$news->news_id}}',
                group_id:'{{$news->group_id}}',
                clinic_id:'{{$news->news_clinic_id}}',
                post_at:'{{$news->post_at->format('Y/m/d')}}',
                category:'{{$news->newsCategory['name_' . $locale]}}',
                category_background_color:'{{$news->newsCategory->background_color}}',
                title:'{{$news->title}}',
                body:'{!! $news->body !!}',
                is_endless_popup:'{{$news->is_endless_popup}}',
                newsFile:[
                    @if($news->newsFile->count() > 0)
                        @foreach($news->newsFile as $newsFile)
                        {
                            html:
                            '<form name="form{{$newsFile->file_id}}" method="post" action="{{ route('clinic.file.download', $newsFile->file_id) }}" enctype="multipart/form-data">\
                                @csrf\
                                <p><i class="fa fa-paperclip" aria-hidden="true" style="margin-right:5px;"></i><a href="javascript:form{{$newsFile->file_id}}.submit()">{{$newsFile->file->original_file_name}}</a></p>\
                            </form>'
                        },
                        @endforeach
                    @endif
                ]
            },
        @endforeach
        ];

        $(function() {

            if(aryAlertNewsList.length > 0 && aryAlertNewsList[0]){
                // ダイアログ表示処理
                displayModal(aryAlertNewsList);
            }
        
            $('#newsAlert').on('hidden.bs.modal', function () {
                displayNextModal(aryAlertNewsList);
            });
        });

        function displayNextModal(aryAlertNewsList){
            $.ajax({
                url: "/clinic/news/alert/store",
                type: "post",
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
                data: {
                    id:aryAlertNewsList[0].id,
                    group_id:aryAlertNewsList[0].group_id,
                    clinic_id:aryAlertNewsList[0].clinic_id,
                    is_stop_endless_popup:$('input#is_stop_endless_popup:checked').val()
                },
                dataType: "json"
            })
            .done((results) => {
                aryAlertNewsList.shift();
                if(aryAlertNewsList.length > 0 && aryAlertNewsList[0]){
                    // ダイアログ表示処理
                    displayModal(aryAlertNewsList);
                }
            })
            .fail((e) => {
                console.log(e);
            });
            return false;
        }

        function displayModal(aryAlertNewsList){
            $('.news_modal_content').empty();
            $('#post_at').text(aryAlertNewsList[0].post_at);
            $('#category').text(aryAlertNewsList[0].category);
            $('#category').css('background-color', '#' + aryAlertNewsList[0].category_background_color);
            $('#title').text(aryAlertNewsList[0].title);
            $('#body').html(aryAlertNewsList[0].body);
            if(aryAlertNewsList[0].is_endless_popup == 1){
                $('input#is_stop_endless_popup').prop('checked', false);
                $('div#is_stop_endless_popup_container').show();
            }else{
                $('input#is_stop_endless_popup').prop('checked', false);
                $('div#is_stop_endless_popup_container').hide();
            }
            $('#news_files').empty();
            if(aryAlertNewsList[0].newsFile.length > 0){
                aryAlertNewsList[0].newsFile.forEach(function(element){
                    $('#news_files').append(element.html);
                });
                $('#news_files_container').show();
            }else{
                $('#news_files_container').hide();
            }
            $('#newsAlert').modal('show');
        }

        // カレンダー、予定登録/編集画面のロケール、画面文言
        @php
            $locale = app()->getLocale();
        @endphp
        let locale = '{{ !$locale || $locale == 'ja' ? 'ja' : 'en' }}';
        let addBtnText = '{{ __('clinic-dashboard-parts.calendar.addBtnText') }}';
        let textAreaPlaceholder = '{{ __('clinic-dashboard-modal.calendar.explanation.placeholder') }}';
        let storeErrMsg = '{{ __('clinic-dashboard-modal.calendar.store_error_msg') }}';
        let updateErrMsg = '{{ __('clinic-dashboard-modal.calendar.update_error_msg') }}';
        let deleteErrMsg = '{{ __('clinic-dashboard-modal.calendar.delete_error_msg') }}';

        // ファイルアップロード/削除に関するイベント処理を予定登録/編集ダイアログの画面部品にアタッチ
        import AjaxForEvent from '/js/upload/ajaxForEvent.js';
        let ajaxUploadUpdate = null;
        document.addEventListener("DOMContentLoaded", () => {
            const ajaxUploadStore = new AjaxForEvent('fileStore', 'dropAreaStore', 'uploadFileListStore','eventStoreForm', true);
            ajaxUploadUpdate = new AjaxForEvent('fileUpdate', 'dropAreaUpdate', 'uploadFileListUpdate','eventUpdateForm', true);
        });

        // カレンダー関連部品初期化
        let calendar = null;
        document.addEventListener('DOMContentLoaded', function() {
            // カレンダー初期化
            $.get('{{ route('clinic.holiday-data.index') }}', function(holidaysData){
                var calendarEl = document.getElementById('calendar');
                let holidays = Object.keys(holidaysData);
                calendar = new FullCalendar.Calendar(calendarEl, {
                    customButtons: {
                        myCustomButton: {
                            text: addBtnText,
                            click: function() {
                                // 作成ボタン押下時処理(予定登録モーダル入力欄を初期化、表示)
                                $('#btn_event_add').prop('disabled', false);
                                $('div.add_error_msg').empty().hide();
                                $('input#title_add').val('');
                                let date = new Date();
                                let minute = Math.round(date.getMinutes() / 10) * 10;
                                minute = minute == 60 ? 0 : minute;
                                $('input#start_at_date_add').val(date.getFullYear() + '-' + (date.getMonth()+1).toString().padStart(2, "0") + '-' + (date.getDate()).toString().padStart(2, "0"));
                                $('input#start_at_time_add').val(date.getHours().toString().padStart(2, "0") + ':' + minute.toString().padStart(2, "0"));

                                date.setHours(date.getHours() + 1);
                                date.setMinutes(minute);
                                $('input#end_at_date_add').val(date.getFullYear() + '-' + (date.getMonth()+1).toString().padStart(2, "0") + '-' + (date.getDate()).toString().padStart(2, "0"));
                                $('input#end_at_time_add').val(date.getHours().toString().padStart(2, "0") + ':' + date.getMinutes().toString().padStart(2, "0"));
                                $('input#start_at_date_add, input#start_at_time_add, input#end_at_date_add, input#end_at_time_add').prop('readonly', false);
                                $('input#is_all_day_add').prop('checked', false);
                                $('#explanation_add').summernote('reset');
                                $('#uploadFileListStore').empty();
                                $('div#add_event input[name^="files["]').remove();
                                $('#add_event').modal('show');
                            }
                        }
                    },
                    locale: locale,
                    initialView: 'dayGridMonth',
                    slotMinTime: '09:00:00',
                    scrollTime: '09:00:00',
                    headerToolbar: {
                        // カレンダー上部ボタン定義
                        left: 'prev,next today',
                        center: 'title',
                        right: 'dayGridMonth,timeGridWeek,timeGridDay,myCustomButton'
                    },
                    dayHeaderContent: function(info){
                        // ヘッダ日付表示カスタマイズ処理(週単位画面で画面幅が600px未満の場合は日付数値のみセル内に表示する)
                        if(info.view.type == 'timeGridWeek' && $(window).width() < 600){
                            return info.date.getDate();
                        }else{
                            return info.text;
                        }
                    },
                    dayHeaderDidMount:function(info){
                        // 各日付セルのマウント後DOMカスタマイズ処理(祝日判定、表示)
                        let strDate = info.date.getFullYear().toString() + '-' + (info.date.getMonth()+1).toString().padStart(2, "0") + '-' + info.date.getDate().toString().padStart(2, "0");
                        let index = holidays.indexOf(strDate);
                        if (index > -1) {
                            if(!info.el.classList.contains('fc-day-sat')){
                                info.el.firstElementChild.classList.add("fc-day-hol");
                            }
                        }
                    },
                    dayCellDidMount: function(info){
                        // 各日付セルのマウント後DOMカスタマイズ処理(祝日判定、表示)
                        let strDate = info.date.getFullYear().toString() + '-' + (info.date.getMonth()+1).toString().padStart(2, "0") + '-' + info.date.getDate().toString().padStart(2, "0");
                        let index = holidays.indexOf(strDate);
                        if (index > -1) {
                            if(!info.el.classList.contains('fc-day-sat')){
                                info.el.firstElementChild.classList.add("fc-day-hol");
                            }
                            if($(window).width() >= 720 || info.view.type == 'timeGridDay'){
                                info.el.firstElementChild.firstElementChild.insertAdjacentHTML("beforeend", "<span class=\"holiday-name\">" + holidaysData[holidays[index]] + "</span>");
                            }
                        }
                    },
                    dayCellContent: function(info){
                        if(info.view.type == 'dayGridMonth'){
                            // 日付表示カスタマイズ処理(月単位画面の場合は日付数値のみをセル内に表示する)
                            return info.date.getDate();
                        }
                    },
                    events: function (info, successCallback, failureCallback) {
                        // 予定取得処理
                        $.ajax({
                            url: "{{ route('clinic.event.list') }}",
                            type: "get",
                            headers: {
                                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                            },
                            data: {
                                start_date: info.start.valueOf(),
                                end_date: info.end.valueOf(),
                            },
                            dataType: "json"
                        })
                        .done((results) => {
                            // カレンダー上の予定を再描画
                            calendar.removeAllEvents();
                            successCallback(results);
                        })
                        .fail((e) => {
                            console.log(e);
                        });
                    },
                    eventDidMount: function(info){
                        // 予定マウント後のDOMカスタマイズ処理
                        if(info.view.type == 'dayGridMonth' && $(window).width() < 600){
                            // 月単位画面かつ画面幅が600px未満の場合は時間帯は非表示
                            $(info.el).find('div.fc-event-time').remove();
                            if($(info.el).hasClass('fc-daygrid-dot-event')){
                                // 終日でないものはアイコンのみ表示
                                $(info.el).find('div.fc-daygrid-event-dot').css('margin', 'auto');
                                $(info.el).find('div.fc-event-title').remove();
                            }
                        }else if(info.view.type == 'timeGridWeek' && $(window).width() < 650){
                            // 週単位画面かつ画面幅が650px未満の場合は時間帯、タイトルは表示しない
                            $(info.el).find('div.fc-event-time').remove();
                            $(info.el).find('div.fc-event-title').remove();
                        }else if(info.view.type == 'timeGridDay' && $(window).width() < 650){
                            // 日単位画面かつ画面幅が650px未満の場合は時間帯は非表示
                            $(info.el).find('div.fc-event-time').remove();
                        }else{
                            // 時間帯とタイトルについて行を分けて表示
                            $(info.el).css('display', 'block');
                            $('a.fc-daygrid-dot-event .fc-daygrid-event-dot, fc-event-time').css('float', 'left');
                            $('a.fc-daygrid-dot-event .fc-daygrid-event-dot').css('position', 'relative').css('top', '0.3rem');
                            $('a.fc-daygrid-dot-event .fc-event-title').css('clear', 'both');
                        }
                    },
                    eventClick: function(info) {
                        // 詳細ダイアログ初期化、表示
                        $('#explanation_detail').html('');
                        $('#explanation_detail_row').hide();
                        $('#video_chat_url').attr('href', '');
                        $('#video_chat_url_row').hide();
                        $('.file_dl_form_detail').remove();
                        $('#event_file_detail_row').hide();
                        $('#employee_name_row').hide();
                        $('#employee_name').text('');
                        $('#event_edit_btn').hide();
                        $('#event_delete_btn').hide();
                        if(info.event.extendedProps.is_registered_by_clinic){
                            $('div#event h5#alertModalLabel').css('margin-top', '');
                            $('#event_edit_btn').show();
                            $('#event_delete_btn').show();
                        }else{
                            $('div#event h5#alertModalLabel').css('margin-top', '1rem');
                        }
                        $('b#event_title').text(info.event.title);
                        $('span#event_start_at_detail').text(new Date(info.event.start).toLocaleString().slice( 0, -3));
                        $('span#event_end_at_detail').text('');
                        if(info.event.end){
                            $('span#event_end_at_detail').text(new Date(info.event.end).toLocaleString().slice( 0, -3));
                        }
                        if(info.event.extendedProps.explanation){
                            $('#explanation_detail').html(info.event.extendedProps.explanation);
                            $('#explanation_detail_row').show();
                        }
                        if(info.event.extendedProps.is_video_chat){
                            $('#video_chat_url').attr('href', info.event.extendedProps.video_chat_url);
                            $('#video_chat_url_row').show();
                        }
                        if(info.event.extendedProps.files.length > 0){
                            info.event.extendedProps.files.forEach(function(file){
                                let fileForm = $('#file_dl_form_sample_detail').clone();
                                $(fileForm).attr('id', 'file_dl_form_' + file.id);
                                $(fileForm).attr('name', 'form' + file.id);
                                $(fileForm).attr('class', 'file_dl_form_detail');
                                let formActionAttr = $(fileForm).attr('action');
                                formActionAttr = formActionAttr + '/' + file.id;
                                $(fileForm).attr('action', formActionAttr);
                                let link = $(fileForm).find('a#file_dl_link_sample_detail');
                                $(link).attr('id', 'file_dl_link_detail_' + file.id);
                                let linkHrefAttr = $(link).attr('href');
                                $(link).attr('href', linkHrefAttr + file.id + '.submit()');
                                $(link).text(file.original_file_name);
                                $(fileForm).show().appendTo('#event_file_detail');
                            });
                            $('#event_file_detail_row').show();
                        }
                        if(info.event.extendedProps.employee_name){
                            $('#employee_name').text(info.event.extendedProps.employee_name);
                            $('#employee_name_row').show();
                        }
                        $('#event').modal('show');

                        if(info.event.extendedProps.is_registered_by_clinic && info.event.extendedProps.id){
                            // 編集ダイアログ初期化
                            $('div.edit_error_msg').empty().hide();
                            let updateActionAttr = $('form#eventUpdateForm').attr('data-org-action');
                            $('form#eventUpdateForm').attr('action', updateActionAttr + '/' + info.event.extendedProps.id);
                            $('input#start_at_date_edit,input#end_at_date_edit,input#start_at_time_edit,input#end_at_time_edit').val('').prop('readonly', false);
                            $('input#is_all_day_edit').prop('checked', false);
                            $('#explanation_edit').summernote('reset');
                            $('#uploadFileListUpdate p[id!=file_delete_sample]').remove();
                            $('div#edit_event input[name^="files["]').remove();
                            $('input#title_edit').val(info.event.title);
                            if(info.event.allDay){
                                $('input#is_all_day_edit').prop('checked', true);
                                $('input#start_at_date_edit,input#end_at_date_edit,input#start_at_time_edit,input#end_at_time_edit').prop('readonly', true);
                                $('input#start_at_date_edit').val(info.event.startStr.slice(0, 10));
                                $('input#start_at_time_edit').val('00:00');
                                let end = new Date(info.event.end);
                                $('input#end_at_date_edit').val(end.getFullYear().toString() + '-' + (end.getMonth()+1).toString().padStart(2, "0") + '-' + end.getDate().toString().padStart(2, "0"));
                                $('input#end_at_time_edit').val('00:00');
                            }else{
                                $('input#start_at_date_edit,input#start_at_time_edit,input#end_at_date_edit,input#end_at_time_edit').prop('readonly', false);
                                $('input#start_at_date_edit').val(info.event.startStr.slice(0, 10));
                                $('input#start_at_time_edit').val(info.event.startStr.slice(11, 16));
                                $('input#end_at_date_edit').val(info.event.endStr.slice(0, 10));
                                $('input#end_at_time_edit').val(info.event.endStr.slice(11, 16));
                            }
                            if(info.event.extendedProps.explanation){
                                $('#explanation_edit').summernote('code', info.event.extendedProps.explanation);
                            }
                            if(info.event.extendedProps.files.length > 0){
                                info.event.extendedProps.files.forEach(function(file){
                                    // アップロード済ファイル関連項目
                                    let fileIdElement = $('input#file_id_sample').clone();
                                    fileIdElement.attr('id', 'file_id' + file.id);
                                    fileIdElement.attr('name', 'files[' + file.id + '][id]');
                                    fileIdElement.val(file.id);
                                    fileIdElement.show().appendTo('#eventUpdateForm');
                                    let fileNameElement = $('input#file_name_sample').clone();
                                    fileNameElement.attr('id', 'file_name' + file.id);
                                    fileNameElement.attr('name', 'files[' + file.id + '][name]');
                                    fileNameElement.val(file.original_file_name);
                                    fileNameElement.show().appendTo('#eventUpdateForm');
                                    let fileDeleteBtn = $('#file_delete_sample').clone();
                                    $(fileDeleteBtn).find('span#file_delete_name').text(file.original_file_name);
                                    $(fileDeleteBtn).find('button#file_delete_id').attr('data-id', file.id);
                                    fileDeleteBtn.attr('id', 'file_delete_' + file.id).show().appendTo('#uploadFileListUpdate');
                                });
                                var deleteButtons = $('div#edit_event button.delete-button');
                                for (var i = 0; i < deleteButtons.length; i++) {
                                    var button = deleteButtons[i];
                                    if (button.dataset.id) {
                                        button.addEventListener('click', ajaxUploadUpdate.delete.bind(ajaxUploadUpdate, button))
                                    }
                                }
                            }

                            // 削除確認ダイアログ初期化
                            let deleteActionAttr = $('form#eventDeleteForm').attr('data-org-action');
                            $('form#eventDeleteForm').attr('action', deleteActionAttr + '/' + info.event.extendedProps.id);
                        }
                    },
                    selectable: true,
                    select: function (info) {
                        // 日付選択時処理(予定新規登録ダイアログを初期化、表示)
                        $('#btn_event_add').prop('disabled', false);
                        $('div.add_error_msg').empty().hide();
                        $('input#title_add').val('');
                        let date = new Date();
                        let minute = Math.round(date.getMinutes() / 10) * 10;
                        minute = minute == 60 ? 0 : minute;
                        $('input#start_at_date_add').val(info.startStr);
                        $('input#start_at_time_add').val(date.getHours().toString().padStart(2, "0") + ':' + minute.toString().padStart(2, "0"));
                        if(info.start.getDate() == info.end.getDate()-1){
                            let currentDay = date.getDate();
                            date.setHours(date.getHours() + 1);
                            date.setMinutes(minute);
                            if(currentDay != date.getDate()){
                                info.end.setDate(info.end.getDate() + 1);
                            }
                        }
                        $('input#end_at_date_add').val(info.end.getFullYear() + '-' + (info.end.getMonth()+1).toString().padStart(2, "0") + '-' + (info.end.getDate()-1).toString().padStart(2, "0"));
                        $('input#end_at_time_add').val(date.getHours().toString().padStart(2, "0") + ':' + minute.toString().padStart(2, "0"));
                        $('input#is_all_day_add').prop('checked', false);
                        $('input#start_at_date_add, input#start_at_time_add, input#end_at_date_add, input#end_at_time_add').prop('readonly', false);
                        $('#explanation_add').summernote('reset');
                        $('#uploadFileListStore').empty();
                        $('div#add_event input[name^="files["]').remove();
                        $('#add_event').modal('show');
                    },
                });
                calendar.render();
            });

            // 画面幅変更時処理
            $(window).resize(function(){
                calendar.destroy();
                calendar.render();
            });

            // 詳細ダイアログ内の編集ボタン押下時処理(編集画面表示)
            $('#event_edit_btn').click(function(){
                $('#event').modal('hide');
                $('#edit_event').modal('show');
            });

            // 詳細ダイアログ内の削除ボタン押下時処理(削除確認画面表示)
            $('#event_delete_btn').click(function(){
                $('#event').modal('hide');
                $('div#delete_system_error').empty().hide();
                $('#delete_event').modal('show');
            });

            // 終日チェックボックス押下時処理(
            let onChangeAllDay = function(event){
                let isChecked = $(this).prop('checked')
                if(isChecked){
                    let startDateAt = $('#' + event.data.startAtDateId).val();
                    let startTimeAt = $('#' + event.data.startAtTimeId).val();
                    if(startDateAt && startTimeAt){
                        $('#' + event.data.startAtTimeId).val('00:00');
                    }else{
                        let dateObj = new Date();
                        let todayStr = dateObj.getFullYear() + '-' + (dateObj.getMonth()+1).toString().padStart(2, "0") + '-' + dateObj.getDate().toString().padStart(2, "0");
                        $('#' + event.data.startAtDateId).val(todayStr);
                        $('#' + event.data.startAtTimeId).val('00:00');
                    }

                    let dateObjStartAt = new Date($('#' + event.data.startAtDateId).val() + ' ' + $('#' + event.data.startAtTimeId).val());
                    let dateObjEndAt = new Date($('#' + event.data.endAtDateId).val() + ' ' + $('#' + event.data.endAtTimeId).val());
                    if($('#' + event.data.endAtDateId).val() && $('#' + event.data.endAtTimeId).val() && dateObjStartAt.getTime() < dateObjEndAt.getTime()){
                        let hour = dateObjEndAt.getHours();
                        let min = dateObjEndAt.getMinutes();
                        if(hour != 0 || min != 0){
                            dateObjEndAt.setDate(dateObjEndAt.getDate() + 1);
                            let tomorrowStr = dateObjEndAt.getFullYear() + '-' + (dateObjEndAt.getMonth()+1).toString().padStart(2, "0") + '-' + dateObjEndAt.getDate().toString().padStart(2, "0");
                            $('#' + event.data.endAtDateId).val(tomorrowStr);
                            $('#' + event.data.endAtTimeId).val('00:00');
                        }
                    }else{
                        dateObjStartAt.setDate(dateObjStartAt.getDate() + 1);
                        let tomorrowStr = dateObjStartAt.getFullYear() + '-' + (dateObjStartAt.getMonth()+1).toString().padStart(2, "0") + '-' + dateObjStartAt.getDate().toString().padStart(2, "0");
                        $('#' + event.data.endAtDateId).val(tomorrowStr);
                        $('#' + event.data.endAtTimeId).val('00:00');
                    }
                }
                $('#' + event.data.startAtDateId).prop('readonly', isChecked);
                $('#' + event.data.startAtTimeId).prop('readonly', isChecked);
                $('#' + event.data.endAtDateId).prop('readonly', isChecked);
                $('#' + event.data.endAtTimeId).prop('readonly', isChecked);
            };
            $('input#is_all_day_add').on('change',{startAtDateId:'start_at_date_add', startAtTimeId:'start_at_time_add', endAtDateId:'end_at_date_add', endAtTimeId:'end_at_time_add'}, onChangeAllDay);
            $('input#is_all_day_edit').on('change',{startAtDateId:'start_at_date_edit', startAtTimeId:'start_at_time_edit', endAtDateId:'end_at_date_edit', endAtTimeId:'end_at_time_edit'}, onChangeAllDay);

            // 説明欄初期化処理
            $('textarea.explanation').summernote({
                lang: 'ja-JP',
                placeholder: textAreaPlaceholder,
                tabsize: 2,
            });

            // 登録ボタン押下時の処理
            $('#eventStoreForm').submit(function(event) {
                $('div.add_error_msg').empty().hide();
                $('#btn_event_add').prop('disabled', true);
                $.ajax({
                    type: $(this).attr('method'),
                    url: $(this).attr('action'),
                    headers: {
                        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                    },
                    dataType: "json",
                    data: $(this).serialize(),
                }).done(function(results) {
                    $('#add_event').modal('hide');
                }).fail(function(results) {
                    if(results.responseJSON.errors){
                        if(results.responseJSON.errors.title){
                            results.responseJSON.errors.title.forEach(errorMsg => {
                              $('#add_error_title').append(errorMsg + '<br>');
                            });
                            $('#add_error_title').show();
                        }
                        if(results.responseJSON.errors.start_at_date){
                            results.responseJSON.errors.start_at_date.forEach(errorMsg => {
                              $('#add_error_start_at_date').append(errorMsg + '<br>');
                            });
                            $('#add_error_start_at_date').show();
                        }
                        if(results.responseJSON.errors.start_at_time){
                            results.responseJSON.errors.start_at_time.forEach(errorMsg => {
                              $('#add_error_start_at_time').append(errorMsg + '<br>');
                            });
                            $('#add_error_start_at_time').show();
                        }
                        if(results.responseJSON.errors.end_at_date){
                            results.responseJSON.errors.end_at_date.forEach(errorMsg => {
                              $('#add_error_end_at_date').append(errorMsg + '<br>');
                            });
                            $('#add_error_end_at_date').show();
                        }
                        if(results.responseJSON.errors.end_at_time){
                            results.responseJSON.errors.end_at_time.forEach(errorMsg => {
                              $('#add_error_end_at_time').append(errorMsg + '<br>');
                            });
                            $('#add_error_end_at_time').show();
                        }
                        if(results.responseJSON.errors.is_all_day){
                            results.responseJSON.errors.is_all_day.forEach(errorMsg => {
                              $('#add_error_is_all_day').append(errorMsg + '<br>');
                            });
                            $('#add_error_is_all_day').show();
                        }
                    }else{
                        console.log(results);
                        $('#add_system_error').text(storeErrMsg).show();
                    }
                    $('#btn_event_add').prop('disabled', false);
                });
                return false;
            });

            // 更新ボタン押下時の処理
            $('#eventUpdateForm').submit(function(event) {
                $('div.edit_error_msg').empty().hide();
                $('#btn_event_edit').prop('disabled', true);
                $.ajax({
                    type: $(this).attr('method'),
                    url: $(this).attr('action'),
                    headers: {
                        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                    },
                    dataType: "json",
                    data: $(this).serialize(),
                }).done(function(results) {
                    $('#edit_event').modal('hide');
                }).fail(function(results) {
                    if(results.responseJSON.errors){
                        if(results.responseJSON.errors.title){
                            results.responseJSON.errors.title.forEach(errorMsg => {
                              $('#edit_error_title').append(errorMsg + '<br>');
                            });
                            $('#edit_error_title').show();
                        }
                        if(results.responseJSON.errors.start_at_date){
                            results.responseJSON.errors.start_at_date.forEach(errorMsg => {
                              $('#edit_error_start_at_date').append(errorMsg + '<br>');
                            });
                            $('#edit_error_start_at_date').show();
                        }
                        if(results.responseJSON.errors.start_at_time){
                            results.responseJSON.errors.start_at_time.forEach(errorMsg => {
                              $('#edit_error_start_at_time').append(errorMsg + '<br>');
                            });
                            $('#edit_error_start_at_time').show();
                        }
                        if(results.responseJSON.errors.end_at_date){
                            results.responseJSON.errors.end_at_date.forEach(errorMsg => {
                              $('#edit_error_end_at_date').append(errorMsg + '<br>');
                            });
                            $('#edit_error_end_at_date').show();
                        }
                        if(results.responseJSON.errors.end_at_time){
                            results.responseJSON.errors.end_at_time.forEach(errorMsg => {
                              $('#edit_error_end_at_time').append(errorMsg + '<br>');
                            });
                            $('#edit_error_end_at_time').show();
                        }
                        if(results.responseJSON.errors.is_all_day){
                            results.responseJSON.errors.is_all_day.forEach(errorMsg => {
                              $('#edit_error_is_all_day').append(errorMsg + '<br>');
                            });
                            $('#edit_error_is_all_day').show();
                        }
                    }else{
                        console.log(results);
                        $('#edit_system_error').text(updateErrMsg).show();
                    }
                    $('#btn_event_edit').prop('disabled', false);
                });
                return false;
            });

            // 削除処理
            $('#eventDeleteForm').submit(function(event) {
                $('div#delete_system_error').empty().hide();
                $('#btn_event_delete').prop('disabled', true);
                $.ajax({
                    type: $(this).attr('method'),
                    url: $(this).attr('action'),
                    headers: {
                        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                    },
                    dataType: "json",
                }).done(function(results) {
                    $('#delete_event').modal('hide');
                }).fail(function(results) {
                    console.log(results);
                    $('#delete_system_error').text(deleteErrMsg).show();
                }).always(function( res ) {
                    $('#btn_event_delete').prop('disabled', false);
                });
                return false;
            });

            // 新規登録、編集、削除ダイアログ非表示時処理(カレンダーの再読み込み)
            $('#add_event, #delete_event, #edit_event').on('hide.bs.modal', function () {
                calendar.destroy();
                calendar.render();
                calendar.refetchEvents();
            });
        });
    </script>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link rel="stylesheet" href="/css/fileupload_drag&drop.css">
    <link rel="stylesheet" href="/vendor/summernote/summernote-bs4.min.css">
    <style>
        .fc-toolbar-chunk{
            display:flex;
        }
        .fc .fc-today-button{
            display:block;
        }
        .fc  h2.fc-toolbar-title{
            font-size: 1.25em;
        }
        .fc-col-header-cell-cushion,
        .fc-daygrid-day-number,
        .fc-daygrid-day-top{
            color: #333;
        }
        .fc-day-sun, .fc-day-hol{
            background-color: #f4d0df;
        }
        .fc-day-sat{
            background-color: #cce3f6;
        }
        .fc-event-title{
            white-space: normal;
        }
        .holiday-name {
            width: 100%;
            font-size: .8em;
            color: red;
        }
    </style>
@stop