@extends("domains.common.layouts.layout")

@section("header")
@vite([
    'resources/js/domains/common/tomSelect.js',
    'resources/js/domains/common/tomSelectAllCheck.js',
    'resources/js/domains/common/fullCalendar.js',
])
@routes(["product", "schedule"])
<style>
    div.ts-wrapper div.ts-control input {
        height: auto;
    }
    #calendar-list-tbody tr {
        cursor: pointer;
    }
</style>
@endsection

@section("main-content")
<div class="container-fluid detail">
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h1>어학원 강좌 일정 관리(월)</h1>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <div class="card">
                <div class="card-body">
                    <form action="" class="search-form" method="GET">
                        <div class="search-input-wrap">
                            <div class="search-input">
                                <label for="categories[]">카테고리명</label>
                                <select name="categories[]" id="categories" multiple>
                                    <option value="">전체</option>
                                    @foreach ($productCategories[2] as $productCategory)
                                    <option value="{{ $productCategory->id }}" @selected(in_array($productCategory->id, Request::get("categories", [])))>{{ $productCategory->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="module_id">모듈 구분</label>
                                <select name="module_id" id="module_id">
                                    <option value="">전체</option>
                                    @foreach ($modules as $module)
                                    <option value={{ $module->id }} @selected(Request::get("module_id", null) == $module->id)>{{ $module->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="product_id">상품명</label>
                                <select name="product_ids[]" id="product_id" multiple>
                                    <option value="">전체</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="course_id">강좌명</label>
                                <select name="course_ids[]" id="course_id" multiple>
                                    <option value="">전체</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="schedule_type">일정 구분</label>
                                <select name="schedule_types[]" id="schedule_types" multiple>
                                    <option value="">전체</option>
                                    <option value="수강" @selected(in_array("수강", Request::get("schedule_types", [])))>수강</option>
                                    <option value="모의고사" @selected(in_array("모의고사", Request::get("schedule_types", [])))>모의고사</option>
                                    <option value="시험일" @selected(in_array("시험일", Request::get("schedule_types", [])))>IELTS 시험일</option>
                                    <option value="특강" @selected(in_array("특강", Request::get("schedule_types", [])))>특강</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <input type="hidden" name="year" value="{{ Request::get("year") }}">
                                <input type="hidden" name="month" value="{{ Request::get("month") }}">
                            </div>
                        </div>
                        <button type="submit" class="search-button">조회</button>
                    </form>

                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
    </div>
    <!-- end row -->

    <div class="row detail-con-wrap4">
        <div class="detail-con card">
            <form action="" class="set-user-form" >
                <div class="card-body">
                    <div class="flex-box">
                        <div class="w100">
                            <div id="schedule-calendar"></div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="detail-con card">
            <div class="card-body">
                <div class="flex-box">
                    <div class="w100">
                        <div class="top-select-form">
                            <select name="register_type" id="register_type">
                                <option value="강좌">강좌</option>
                                <option value="모의고사">모의고사</option>
                                <option value="특강">특강</option>
                            </select>
                            <button type="button" class="button btn-style-1" onclick="registerSchedule()">일정 등록</button>
                        </div>
                        <div class="schedule-table-wrap">
                            <table class="default-table fixed-table">
                                <colgroup>
                                    <col>
                                    <col>
                                    <col>
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th scope="col">시간</th>
                                        <th scope="col">일정 구분</th>
                                        <th scope="col">일정 제목</th>
                                    </tr>
                                </thead>
                                <tbody id="calendar-list-tbody" style="text-align: center"></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end row -->
</div>
@endsection

@push("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