@extends("common.layout-popup")

@section("page-title", $types[$type]['name'] . " 일정 괸리")

@section("header")
{!! setResources([ 'toast-calendar']) !!}
{!! resource("js/schedule/schedule.js") !!}


<style>
    @media (max-width: 768px) {
        .time-picker {
            display: block;
            width: auto;
        }
    }

    .is_remove { display: none;}
</style>
@endsection

@section("content")
    <section>
        <main>
            <div>
            @foreach ($types as $key => $item)
                @if ($key == $type ) @continue @endif
                <button type="button" class="btn btn-sm btn-outline-{{ $item['color'] }}" style="width: 70px;" onclick="location.href='{{ route('schedule.popup.add', $key) }}'">{{ $item['name'] }}</button>
            @endforeach
            </div>

            @if ($type == 'period')
            <form method="get" class="search-form" id="lecture-form" action="{{ route('schedule.popup.add', $type) }} ">
                <div class="search-input-wrap mt-3">
                    <div class="input-group input-group-sm " style="">
                        <label class="input-group-text" for="categories">상품</label>
                        @if ($id == 0)
                            <select name="product_id" id="product_id" class="form-select form-select-sm">
                                @foreach ( $products as $product )
                                    <option value="{{ $product->id }}">{{ $product->name }}</option>
                                @endforeach
                            </select>
                        @else
                            <input type="hidden" name="product_id" id="product_id" value="{{ $id }}" disabled/>
                            <input type="hidden" name="paginate" id="paginate" value="{{ Request::get('paginate') }}" disabled/>
                            <div class="input-group-text">
                                {{ $product->name }}
                            </div>
                        @endif

                    </div>

                    @if ($id == 0)
                        <button type="submit" class="btn btn-sm btn-outline-dark search-button mr-3">조회</button>
                    @else
                        <button type="button" class="btn btn-sm btn-outline-dark search-button mr-3" onclick="location.href='{{ route('schedule.popup.add', $type) }}'">초기화</button>
                    @endif

                </div>
            </form>


            @endif
        </main>
    </section>

    @if (in_array($type, ['test', 'holiday', "special"]) || ($type == "period") && $id > 0)
    <div class="row mt-3">
        <div class="col-6">
            <section>
                <main>
                    <div class="calendar-wrap">
                        <div class="calendar-header">

                            <div class="calendar-box">
                                <button class="btn btn-sm btn-secondary" type="button" onclick="onChangeToday()">Today</button>
                            </div>
                            <div class="calendar-box">
                                <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 class="calendar-box"></div>

                        </div>
                        <div id="calendar" style="height: 600px" class="simple"></div>
                    </div>
                </main>
            </section>
        </div>
        <div class="col-6">
            <section>
                <header>
                    <h6>날짜선택</h6>
                    <button class="btn btn-sm btn-primary" type="button" onclick="checkValidation()">저장</button>
                </header>

                @yield("schedule-contents")
            </section>
        </div>
    </div>
    @endif
@endsection

@push("script")
    <script>

        @if (in_array($type, ['test', 'holiday', "special"]) || ($type == "period") && $id > 0)
            $(async function() {
                setPageType("popup");

                const options = {};
                @if ($type == 'holiday')
                    options['isHolidayView'] = true;
                @endif
                await calendarInit(options);
            })
        @endif

        $(function() {

            $(document).on("click", ".onRemove", function() {
                const tr = $(this).closest("tr")
                if ($(this).data("detail-id") || $(this).data('course-id')) {
                    tr.addClass("is_remove");
                    tr.removeClass("is_disable");
                } else {
                    tr.remove()
                }
            })

        })

        function onSubmitScheduleDetail(type, allDatas) {
            alertify.confirm("알림", "저장하시겠습니까?" , async () => {
                const href = '{{ route("api.schedules.detail.create")  }}'
                const result = await customFetch(href, {
                    method: "POST",
                    body : JSON.stringify({
                        "data" : allDatas,
                        "courseId" : $('#course_id').val(),
                    }) ,
                    headers: { "Content-Type" : "application/json"}
                });

                if (result.status) {
                    if (result.overlayDate.length > 0) {
                        alertify.alert("알림", "동일한 내용으로 저장된 강좌가 있습니다. 해당 강좌는 제외하고 신규 건만 등록됩니다", () => {
                            const overlayDate = result.overlayDate;
                            const rows = $('#schedule_list tbody tr:not(.is_disable)');
                            $.each(rows, function() {
                                if (overlayDate.indexOf($(this).find(".date").val()) > -1) {
                                    $(this).find(".date").addClass('text-danger');
                                }
                            })
                        } )
                    } else {
                        alertify.alert("알림", "저장되었습니다.", () => { location.reload() } )
                    }
                } else {
                    alertify.alert("알림", result.message, () => {  } )
                }
            }, () => { })
        }

        function checkScheduleChange(row, fields) {
            let isChange = false;

            $.each(row.find(fields), function() {
                isChange = $(this).val() == $(this).data("old") ? isChange : true;
            })

            isChange ? row.removeClass("is_disable")  : row.addClass("is_disable");
        }

    </script>

    @yield("schedule-script")
@endpush