@extends("common.layout")

@section("header")
{!! resource('js/components/multiSelect.js') !!}
{!! resource('css/components/multiSelect.css') !!}

{!! setResources([ 'toast-calendar']) !!}

<style>

</style>
@endsection

@section("content")
<div class="split">
    <h1><a href="">어학원 강좌 일정 관리(월)</a></h1>
</div>

<section>
    <main>
        <form action="" class="search-form" method="GET">
            <div class="search-input-wrap">
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="categories">카테고리명</label>
                    <select name="categories" id="categories" multiple>
                        @foreach ( $productCategories as $category)
                        <option value="{{ $category->id }}" @selected(in_array($category->id , Request::get("catecategoriesgory", [])))>{{ $category->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="module_id">모듈 구분</label>
                    <select name="modules" id="modules" multiple>
                        @foreach ( $modules as $module)
                            <option value="{{ $module }}" @selected(in_array($module, Request::get("modules", [])))>{{ $module }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="product_id">상품명</label>
                    <select name="product_id" id="product_id" multiple>
                        @foreach ( $products as $product)
                            <option value="{{ $product->id }}" @selected(in_array($product->id , Request::get("products", [])))>{{ $product->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="course_id">강좌명</label>
                    <select name="course_id" id="course_id" multiple>
                        @foreach ( $courses as $course)
                            <option value="{{ $course->id }}" @selected(in_array($course->id , Request::get("courses", [])))>{{ $course->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="types">일정 구분</label>
                    <select name="types" id="types" multiple>
                        <option value="수강" @selected(in_array("수강", Request::get("types", [])))>수강</option>
                        <option value="모의고사" @selected(in_array("모의고사", Request::get("types", [])))>모의고사</option>
                        <option value="시험일" @selected(in_array("시험일", Request::get("types", [])))>IELTS 시험일</option>
                        <option value="특강" @selected(in_array("특강", Request::get("types", [])))>특강</option>
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <input type="hidden" name="year" id="year" value="{{ date('Y') }}">
                    <input type="hidden" name="month" id="month" value="{{ date('m') }}">
                </div>
            </div>
            <button type="button" class="btn btn-sm btn-outline-dark search-button">조회</button>
        </form>
    </main>
</section>


<section>
    <header>

    </header>
    <main>
        <div class="row">
            <div class="col-lg-8 col-md-12 mb-3">
                <div class="calendar-wrap">
                    <div class="calendar-header">
                        <span class="btn-prev" onclick="onChangeMonth(true)">
                            <i class="bi bi-arrow-left-circle"></i>
                        </span>
                        <span class="now-month">{{ date('Y-m') }}</span>
                        <span class="btn-next" onclick="onChangeMonth(false)">
                            <i class="bi bi-arrow-right-circle"></i>
                        </span>
                    </div>
                    <div id="calendar" style="height: 600px" class="simple"></div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12">
                <div class="col-12 row mx-0 mb-3">
                    <div class="col-10 px-0">
                        <input type="hidden" name="type" id="type" value="course" />
                        <span class="badge badge-primary badge-select type" data-value="course">강좌</span>
                        <span class="badge badge-secondary badge-select type" data-value="test">모의고사</span>
                        <span class="badge badge-secondary badge-select type" data-value="special">특강</span>
                    </div>
                    <div class="col-2">
                        <button type="button" class="btn btn-sm btn-primary" onclick="onOpenCreatePopup()">선택</button>
                    </div>
                </div>

                <div>
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>시간</th>
                                <th>일정구분</th>
                                <th>일정명</th>
                            </tr>
                        </thead>
                        <tbody>

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

    </main>
</section>
@endsection

@push("script")
<script>

    $(async function() {
        setPageType("month-list")
        await calendarInit();
    })

    $(function() {
        const categorySelector = new MultiSelector("categories", { isOverall : true });
        const moduleSelector = new MultiSelector("modules", { isOverall : true });
        const productSelector = new MultiSelector("product_id");
        const courseSelector = new MultiSelector("course_id");
        const typeSelector = new MultiSelector("types", { isOverall : true });

        $('.type').on("click", function() {
            if ($(this).hasClass("badge-primary")) {
                return false;
            }

            $('.type').removeClass("badge-primary").addClass("badge-secondary");
            $(this).addClass("badge-primary").removeClass("badge-secondary")
            $("input[name=type]").val($(this).data("value"));
        })



    })


    function onOpenCreatePopup() {
        const href = "{{ route('schedule.popup.add', ':type') }}";
        window.open(href.replace(":type", $('#type').val()), "_blank", "width=1600; height=1000");

    }



</script>
{{-- <script>
    const LOAD_YEAR = {{ Js::from(Request::get("year", date("Y"))) }};
    const LOAD_MONTH = {{ Js::from(str_pad(Request::get('month', date('m')), 2, "0", STR_PAD_LEFT)) }};

    const SCHEDULES = {{ Js::from($schedules) }};
    const TEST_SCHEDULES = {{ Js::from($testSchedules) }};
    const EXAM_SCHEDULES = {{ Js::from($examSchedules) }};
    const SPECIAL_LECTURE_SCHEDULES = {{ Js::from($specialLectureSchedules) }};

    const PREV_SCHEDULES = {{ Js::from($prevSchedules) }};
    const PREV_TEST_SCHEDULES = {{ Js::from($prevTestSchedules) }};
    const PREV_EXAM_SCHEDULES = {{ Js::from($prevExamSchedules) }};
    const PREV_SPECIAL_LECTURE_SCHEDULES = {{ Js::from($prevSpecialLectureSchedules) }};

    const NEXT_SCHEDULES = {{ Js::from($nextSchedules) }};
    const NEXT_TEST_SCHEDULES = {{ Js::from($nextTestSchedules) }};
    const NEXT_EXAM_SCHEDULES = {{ Js::from($nextExamSchedules) }};
    const NEXT_SPECIAL_LECTURE_SCHEDULES = {{ Js::from($nextSpecialLectureSchedules) }};

    const LOADED_SCHEDULES = {};
    const LOADED_TEST_SCHEDULES = {};
    const LOADED_EXAM_SCHEDULES = {};
    const LOADED_SPECIAL_LECTURE_SCHEDULES = {};

    let calendar = null;
    let categoriesTomSelect = null;
    let productIdTomSelect = null;
    let courseIdTomSelect = null;
    let scheduleTypes = null;

    window.addEventListener("load", () => {
        categoriesTomSelect = new TomSelect("#categories", {
            onChange: tomSelectedTopFix,
            plugins: {
                "checkbox_options": {},
                "input_autogrow": {},
                'dropdown_header': {
                	title: '전체',
                    html: tomSelectAllCheckRender,
                },
            },
        });

        scheduleTypes = new TomSelect("#schedule_types", {
            onChange: tomSelectedTopFix,
            plugins: {
                "checkbox_options": {},
                "input_autogrow": {},
                'dropdown_header': {
                	title: '전체',
                    html: tomSelectAllCheckRender,
                },
            },
        });

        productIdTomSelect = new TomSelect("#product_id", {
            plugins: [
                "input_autogrow",
            ],
            valueField: "id",
            labelField: "name",
            searchField: "name",
            // maxItems: 1,
            load: (query, callback) => {
                edmAjax({
                    method: "GET",
                    url: route('api.product.by-name'),
                    data: {
                        query: query,
                        service_id: 2
                    },
                    callback: callback,
                    isBlock: false,
                });
            },
            onFocus: () => {
                edmAjax({
                    method: "GET",
                    url: route('api.product.by-name'),
                    data: {
                        count: 5,
                        service_id: 2
                    },
                    callback: response => {
                        productIdTomSelect.addOptions(response.data);
                        productIdTomSelect.open();
                    },
                    isBlock: false,
                });
            },
        });

        courseIdTomSelect = new TomSelect("#course_id", {
            plugins: [
                "input_autogrow",
            ],
            valueField: "id",
            labelField: "name",
            searchField: "name",
            // maxItems: 1,
            load: (query, callback) => {
                edmAjax({
                    method: "GET",
                    url: route('api.product.course.by-name'),
                    data: {
                        query: query,
                        service_id: 2
                    },
                    callback: callback,
                    isBlock: false,
                });
            },
            onFocus: () => {
                edmAjax({
                    method: "GET",
                    url: route('api.product.course.by-name'),
                    data: {
                        count: 5,
                        service_id: 2
                    },
                    callback: response => {
                        courseIdTomSelect.addOptions(response.data);
                        courseIdTomSelect.open();
                    },
                    isBlock: false,
                });
            },
        });

        calendarInit();
    });

    function calendarInit() {
        calendar = new Calendar(document.getElementById("schedule-calendar"), {
            plugins: [dayGridPlugin, momentPlugin],
            // weekends: false,
            initialView: 'dayGridMonth',
            headerToolbar: {
                left: 'prev,next',
                center: 'title',
                right: 'today'
            },
            titleFormat: 'YYYY년 MM월',
            buttonText: {
                today:    'Today',
            },
            buttonIcons: {},
            editable: false,
            droppable: false,
            selectable: false,
            events: []
        });

        const INIT_SCHEDULE_INDEX = `${LOAD_YEAR}-${LOAD_MONTH}`;
        const tmpKeyList = [];
        tmpKeyList.push(INIT_SCHEDULE_INDEX);

        LOADED_SCHEDULES[INIT_SCHEDULE_INDEX] = SCHEDULES;
        LOADED_TEST_SCHEDULES[INIT_SCHEDULE_INDEX] = TEST_SCHEDULES;
        LOADED_EXAM_SCHEDULES[INIT_SCHEDULE_INDEX] = EXAM_SCHEDULES;
        LOADED_SPECIAL_LECTURE_SCHEDULES[INIT_SCHEDULE_INDEX] = SPECIAL_LECTURE_SCHEDULES;

        if (PREV_SCHEDULES.length > 0) {
            const PREV_SCHEDULE_INDEX = PREV_SCHEDULES[0].year + "-" + String(PREV_SCHEDULES[0].month).padStart(2, "0");
            LOADED_SCHEDULES[PREV_SCHEDULE_INDEX] = PREV_SCHEDULES;
            tmpKeyList.push(PREV_SCHEDULE_INDEX);
        }
        if (PREV_TEST_SCHEDULES.length > 0) {
            const PREV_SCHEDULE_INDEX = PREV_TEST_SCHEDULES[0].year + "-" + String(PREV_TEST_SCHEDULES[0].month).padStart(2, "0");
            LOADED_TEST_SCHEDULES[PREV_SCHEDULE_INDEX] = PREV_TEST_SCHEDULES;
            tmpKeyList.push(PREV_SCHEDULE_INDEX);
        }
        if (PREV_EXAM_SCHEDULES.length > 0) {
            const PREV_SCHEDULE_INDEX = PREV_EXAM_SCHEDULES[0].year + "-" + String(PREV_EXAM_SCHEDULES[0].month).padStart(2, "0");
            LOADED_EXAM_SCHEDULES[PREV_SCHEDULE_INDEX] = PREV_EXAM_SCHEDULES;
            tmpKeyList.push(PREV_SCHEDULE_INDEX);
        }
        if (PREV_SPECIAL_LECTURE_SCHEDULES.length > 0) {
            const PREV_SCHEDULE_INDEX = PREV_SPECIAL_LECTURE_SCHEDULES[0].year + "-" + String(PREV_SPECIAL_LECTURE_SCHEDULES[0].month).padStart(2, "0");
            LOADED_SPECIAL_LECTURE_SCHEDULES[PREV_SCHEDULE_INDEX] = PREV_SPECIAL_LECTURE_SCHEDULES;
            tmpKeyList.push(PREV_SCHEDULE_INDEX);
        }

        if (NEXT_SCHEDULES.length > 0) {
            const NEXT_SCHEDULE_INDEX = NEXT_SCHEDULES[0].year + "-" + String(NEXT_SCHEDULES[0].month).padStart(2, "0");
            LOADED_SCHEDULES[NEXT_SCHEDULE_INDEX] = NEXT_SCHEDULES;
            tmpKeyList.push(NEXT_SCHEDULE_INDEX);
        }
        if (NEXT_TEST_SCHEDULES.length > 0) {
            const NEXT_SCHEDULE_INDEX = NEXT_TEST_SCHEDULES[0].year + "-" + String(NEXT_TEST_SCHEDULES[0].month).padStart(2, "0");
            LOADED_TEST_SCHEDULES[NEXT_SCHEDULE_INDEX] = NEXT_TEST_SCHEDULES;
            tmpKeyList.push(NEXT_SCHEDULE_INDEX);
        }
        if (NEXT_EXAM_SCHEDULES.length > 0) {
            const NEXT_SCHEDULE_INDEX = NEXT_EXAM_SCHEDULES[0].year + "-" + String(NEXT_EXAM_SCHEDULES[0].month).padStart(2, "0");
            LOADED_EXAM_SCHEDULES[NEXT_SCHEDULE_INDEX] = NEXT_EXAM_SCHEDULES;
            tmpKeyList.push(NEXT_SCHEDULE_INDEX);
        }
        if (NEXT_SPECIAL_LECTURE_SCHEDULES.length > 0) {
            const NEXT_SCHEDULE_INDEX = NEXT_SPECIAL_LECTURE_SCHEDULES[0].year + "-" + String(NEXT_SPECIAL_LECTURE_SCHEDULES[0].month).padStart(2, "0");
            LOADED_SPECIAL_LECTURE_SCHEDULES[NEXT_SCHEDULE_INDEX] = NEXT_SPECIAL_LECTURE_SCHEDULES;
            tmpKeyList.push(NEXT_SCHEDULE_INDEX);
        }

        Array.from(new Set(tmpKeyList)).forEach(INDEX => syncCalendar(INDEX));
        syncList(INIT_SCHEDULE_INDEX);

        calendar.gotoDate(INIT_SCHEDULE_INDEX);
        calendar.render();

        calendar.el.querySelector("button.fc-next-button").addEventListener("click", e => loadCalendar());
        calendar.el.querySelector("button.fc-prev-button").addEventListener("click", e => loadCalendar());
        calendar.el.querySelector("button.fc-today-button").addEventListener("click", e => loadCalendar());
    }

    function syncCalendar(INDEX) {
        const SELECTED_TYPES = scheduleTypes.getValue();

        if (SELECTED_TYPES.length < 1) {
            syncCourse(INDEX);
            syncTest(INDEX);
            syncExam(INDEX);
            syncSpecialLecture(INDEX);
        } else {
            if (SELECTED_TYPES.includes("수강"))
                syncCourse(INDEX);
            if (SELECTED_TYPES.includes("모의고사"))
                syncTest(INDEX);
            if (SELECTED_TYPES.includes("시험일"))
                syncExam(INDEX);
            if (SELECTED_TYPES.includes("특강"))
                syncSpecialLecture(INDEX);
        }
    }

    function syncList(INDEX) {
        const LIST = [];

        (LOADED_SCHEDULES[INDEX] ?? []).forEach(schedule => {
            let startTime = schedule.start_time.split(":");
            startTime.pop();
            startTime = startTime.join(":");

            let endTime = schedule.end_time.split(":");
            endTime.pop();
            endTime = endTime.join(":");

            LIST.push({
                id: schedule.id,
                scheduleType: "수강",
                date: schedule.start_date,
                time: `${startTime} ~ ${endTime}`,
                type: "개강",
                title: schedule.course.name,
                url: route('schedule.course-schedule.popup.add', {courseId: schedule.course_id}),
            });
            LIST.push({
                id: schedule.id,
                scheduleType: "수강",
                date: schedule.end_date,
                time: `${startTime} ~ ${endTime}`,
                type: "종강",
                title: schedule.course.name,
                url: route('schedule.course-schedule.popup.add', {courseId: schedule.course_id}),
            });
        });

        (LOADED_TEST_SCHEDULES[INDEX] ?? []).forEach(schedule => {
            let startTime = schedule.start_time.split(":");
            startTime.pop();
            startTime = startTime.join(":");

            let endTime = schedule.end_time.split(":");
            endTime.pop();
            endTime = endTime.join(":");

            LIST.push({
                id: schedule.id,
                scheduleType: "모의고사",
                date: schedule.register_date,
                time: `${startTime} ~ ${endTime}`,
                type: `${schedule.type} 모의고사`,
                title: "",
                url: route('schedule.course-schedule.popup.test-add', {id: schedule.id}),
            });
        });

        (LOADED_EXAM_SCHEDULES[INDEX] ?? []).forEach(schedule => {
            let startTime = schedule.start_time.split(":");
            startTime.pop();
            startTime = startTime.join(":");

            let endTime = schedule.end_time.split(":");
            endTime.pop();
            endTime = endTime.join(":");

            LIST.push({
                id: schedule.id,
                scheduleType: "시험일",
                date: schedule.register_date,
                time: `${startTime} ~ ${endTime}`,
                type: "IELTS 시험",
                title: "",
                url: null,
            });
        });

        (LOADED_SPECIAL_LECTURE_SCHEDULES[INDEX] ?? []).forEach(schedule => {
            let startTime = schedule.start_time.split(":");
            startTime.pop();
            startTime = startTime.join(":");

            let endTime = schedule.end_time.split(":");
            endTime.pop();
            endTime = endTime.join(":");

            LIST.push({
                id: schedule.id,
                scheduleType: "특강",
                date: schedule.register_date,
                time: `${startTime} ~ ${endTime}`,
                type: "특강",
                title: schedule.lecture.name,
                url: route('schedule.course-schedule.popup.special-add', {id: schedule.lecture_id}),
            });
        });

        let filterdList = LIST;
        const SELECTED_TYPES = scheduleTypes.getValue();
        if (SELECTED_TYPES.length > 0)
            filterdList = LIST.filter(item => SELECTED_TYPES.includes(item.scheduleType));

        const $TBODY = document.getElementById("calendar-list-tbody");
        $TBODY.innerHTML = "";

        filterdList.sort((before, after) => (new Date(before.date)).getTime() - (new Date(after.date)).getTime());
        filterdList.forEach(row => {
            const $newRow = document.createElement("tr");
            $newRow.dataset.id = row.id;
            $newRow.dataset.type = row.scheduleType;
            $newRow.innerHTML = `<td data-id='${row.id}'>${row.time}</td><td>${row.type}</td><td class="text-left">${row.title}</td>`;

            if (row.url)
                $newRow.addEventListener("click", e => edmPopupOpen(row.url));

            $TBODY.appendChild($newRow);
        });
    }

    function syncCourse(INDEX) {
        const GROUP_ID = `수강-${INDEX}`;
        calendar.getEvents().forEach(item => item.groupId == GROUP_ID ? item.remove() : 1);

        const COURSE_SCHEDULES = LOADED_SCHEDULES[INDEX] ?? [];
        COURSE_SCHEDULES.forEach((COURSE_SCHEDULE, idx) => {
            COURSE_SCHEDULE.course_schedule_details.forEach((detail, index) => {
                const START = new Date(`${detail.year}-${String(detail.month).padStart(2, "0")}-${String(detail.day).padStart(2, "0")}`);
                let TITLE_PREFIX = "수강일";
                if (index === 0)
                    TITLE_PREFIX = "개강";
                else if (index === (COURSE_SCHEDULE.course_schedule_details.length - 1))
                    TITLE_PREFIX = "종강";

                calendar.addEvent({
                    // id: detail.id,
                    title: `[${TITLE_PREFIX}] ${COURSE_SCHEDULE.course?.name}`,
                    start: START,
                    groupId: GROUP_ID,
                    allDay: true,
                    className: "course-schedule-bg",
                });
            });
        });
    }

    function syncTest(INDEX) {
        const GROUP_ID = `모의고사-${INDEX}`;
        calendar.getEvents().forEach(item => item.groupId == GROUP_ID ? item.remove() : 1);

        const TEST_SCHEDULES = LOADED_TEST_SCHEDULES[INDEX] ?? [];
        TEST_SCHEDULES.forEach((schedule, index) => {
            const START = new Date(`${schedule.year}-${String(schedule.month).padStart(2, "0")}-${String(schedule.day).padStart(2, "0")}`);
            calendar.addEvent({
                // id: detail.id,
                title: `${schedule.type} 모의고사`,
                start: START,
                groupId: GROUP_ID,
                allDay: true,
                className: "test-schedule-bg",
            });
        });
    }

    function syncExam(INDEX) {
        const GROUP_ID = `시험일-${INDEX}`;
        calendar.getEvents().forEach(item => item.groupId == GROUP_ID ? item.remove() : 1);

        const EXAM_SCHEDULES = LOADED_EXAM_SCHEDULES[INDEX] ?? [];
        EXAM_SCHEDULES.forEach((schedule, index) => {
            const START = new Date(`${schedule.year}-${String(schedule.month).padStart(2, "0")}-${String(schedule.day).padStart(2, "0")}`);
            calendar.addEvent({
                // id: detail.id,
                title: `IELTS 시험`,
                start: START,
                groupId: GROUP_ID,
                allDay: true,
                className: "exam-schedule-bg",
            });
        });
    }

    function syncSpecialLecture(INDEX) {
        const GROUP_ID = `특강-${INDEX}`;
        calendar.getEvents().forEach(item => item.groupId == GROUP_ID ? item.remove() : 1);

        const SPECIAL_SCHEDULES = LOADED_SPECIAL_LECTURE_SCHEDULES[INDEX] ?? [];
        SPECIAL_SCHEDULES.forEach((schedule, index) => {
            const START = new Date(`${schedule.year}-${String(schedule.month).padStart(2, "0")}-${String(schedule.day).padStart(2, "0")}`);
            calendar.addEvent({
                // id: detail.id,
                title: schedule.lecture.name,
                start: START,
                groupId: GROUP_ID,
                allDay: true,
                className: "special-schedule-bg",
            });
        });
    }

    function loadCalendar(year, month) {
        const YEAR = calendar.getDate().getFullYear();
        const MONTH = calendar.getDate().getMonth() + 1;

        document.querySelector("input[name='year']").value = YEAR;
        document.querySelector("input[name='month']").value = MONTH;

        const queryStringObj = new URLSearchParams(location.search);
        queryStringObj.set("year", YEAR);
        queryStringObj.set("month", MONTH);
        history.pushState(null, null, `${location.origin}${location.pathname}?${queryStringObj.toString()}`);

        const SCHEDULE_INDEX = `${YEAR}-${String(MONTH).padStart(2, "0")}`;
        let isBlocked = true;
        if (LOADED_SCHEDULES[SCHEDULE_INDEX]) {
            isBlocked = false;
            syncList(SCHEDULE_INDEX);
        }

        const URL = route("api.schedule.course-schedule.list-month");
        edmAjax({
            url: `${URL}?${queryStringObj.toString()}`,
            method: "GET",
            isBlock: isBlocked,
            callback: response => {
                if (response.status == 200) {
                    const SCHEDULES = response.data.schedules;
                    const TEST_SCHEDULES = response.data.testSchedules;
                    const EXAM_SCHEDULES = response.data.examSchedules;
                    const SPECIAL_LECTURE_SCHEDULES = response.data.specialLectureSchedules;

                    LOADED_SCHEDULES[SCHEDULE_INDEX] = SCHEDULES;
                    LOADED_TEST_SCHEDULES[SCHEDULE_INDEX] = TEST_SCHEDULES;
                    LOADED_EXAM_SCHEDULES[SCHEDULE_INDEX] = EXAM_SCHEDULES;
                    LOADED_SPECIAL_LECTURE_SCHEDULES[SCHEDULE_INDEX] = SPECIAL_LECTURE_SCHEDULES;

                    const tmpKeyList = [];
                    tmpKeyList.push(SCHEDULE_INDEX);

                    const PREV_SCHEDULES = response.data.prevSchedules;
                    if (PREV_SCHEDULES.length > 0) {
                        const PREV_SCHEDULE_INDEX = PREV_SCHEDULES[0].year + "-" + String(PREV_SCHEDULES[0].month).padStart(2, "0");
                        LOADED_SCHEDULES[PREV_SCHEDULE_INDEX] = PREV_SCHEDULES;
                        tmpKeyList.push(PREV_SCHEDULE_INDEX);
                    }

                    const PREV_TEST_SCHEDULES = response.data.prevTestSchedules;
                    if (PREV_TEST_SCHEDULES.length > 0) {
                        const PREV_SCHEDULE_INDEX = PREV_TEST_SCHEDULES[0].year + "-" + String(PREV_TEST_SCHEDULES[0].month).padStart(2, "0");
                        LOADED_TEST_SCHEDULES[PREV_SCHEDULE_INDEX] = PREV_TEST_SCHEDULES;
                        tmpKeyList.push(PREV_SCHEDULE_INDEX);
                    }

                    const PREV_EXAM_SCHEDULES = response.data.prevExamSchedules;
                    if (PREV_EXAM_SCHEDULES.length > 0) {
                        const PREV_SCHEDULE_INDEX = PREV_EXAM_SCHEDULES[0].year + "-" + String(PREV_EXAM_SCHEDULES[0].month).padStart(2, "0");
                        LOADED_EXAM_SCHEDULES[PREV_SCHEDULE_INDEX] = PREV_EXAM_SCHEDULES;
                        tmpKeyList.push(PREV_SCHEDULE_INDEX);
                    }

                    const PREV_SPECIAL_LECTURE_SCHEDULES = response.data.prevSpecialLectureSchedules;
                    if (PREV_SPECIAL_LECTURE_SCHEDULES.length > 0) {
                        const PREV_SCHEDULE_INDEX = PREV_SPECIAL_LECTURE_SCHEDULES[0].year + "-" + String(PREV_SPECIAL_LECTURE_SCHEDULES[0].month).padStart(2, "0");
                        LOADED_SPECIAL_LECTURE_SCHEDULES[PREV_SCHEDULE_INDEX] = PREV_SPECIAL_LECTURE_SCHEDULES;
                        tmpKeyList.push(PREV_SCHEDULE_INDEX);
                    }

                    const NEXT_SCHEDULES = response.data.nextSchedules;
                    if (NEXT_SCHEDULES.length > 0) {
                        const NEXT_SCHEDULE_INDEX = NEXT_SCHEDULES[0].year + "-" + String(NEXT_SCHEDULES[0].month).padStart(2, "0");
                        LOADED_SCHEDULES[NEXT_SCHEDULE_INDEX] = NEXT_SCHEDULES;
                        tmpKeyList.push(NEXT_SCHEDULE_INDEX);
                    }

                    const NEXT_TEST_SCHEDULES = response.data.nextTestSchedules;
                    if (NEXT_TEST_SCHEDULES.length > 0) {
                        const NEXT_SCHEDULE_INDEX = NEXT_TEST_SCHEDULES[0].year + "-" + String(NEXT_TEST_SCHEDULES[0].month).padStart(2, "0");
                        LOADED_TEST_SCHEDULES[NEXT_SCHEDULE_INDEX] = NEXT_TEST_SCHEDULES;
                        tmpKeyList.push(NEXT_SCHEDULE_INDEX);
                    }

                    const NEXT_EXAM_SCHEDULES = response.data.nextExamSchedules;
                    if (NEXT_EXAM_SCHEDULES.length > 0) {
                        const NEXT_SCHEDULE_INDEX = NEXT_EXAM_SCHEDULES[0].year + "-" + String(NEXT_EXAM_SCHEDULES[0].month).padStart(2, "0");
                        LOADED_EXAM_SCHEDULES[NEXT_SCHEDULE_INDEX] = NEXT_EXAM_SCHEDULES;
                        tmpKeyList.push(NEXT_SCHEDULE_INDEX);
                    }

                    const NEXT_SPECIAL_LECTURE_SCHEDULES = response.data.nextSpecialLectureSchedules;
                    if (NEXT_SPECIAL_LECTURE_SCHEDULES.length > 0) {
                        const NEXT_SCHEDULE_INDEX = NEXT_SPECIAL_LECTURE_SCHEDULES[0].year + "-" + String(NEXT_SPECIAL_LECTURE_SCHEDULES[0].month).padStart(2, "0");
                        LOADED_SPECIAL_LECTURE_SCHEDULES[NEXT_SCHEDULE_INDEX] = NEXT_SPECIAL_LECTURE_SCHEDULES;
                        tmpKeyList.push(NEXT_SCHEDULE_INDEX);
                    }

                    Array.from(new Set(tmpKeyList)).forEach(INDEX => syncCalendar(INDEX));
                    syncList(SCHEDULE_INDEX);
                }
                else
                    alertify.alert("알림", "오류가 발생했습니다.");
            }
        });
    }

    function registerSchedule() {
        const registerType = document.getElementById("register_type").value;
        if (registerType == "강좌")
            edmPopupOpen(route('schedule.course-schedule.popup.add'));
        else if (registerType == "모의고사")
            edmPopupOpen(route('schedule.course-schedule.popup.test-add'));
        else if (registerType == "특강")
            edmPopupOpen(route('schedule.course-schedule.popup.special-add'));
    }

</script> --}}
@endpush