@extends("common.layout-popup")

@section("page-title", "개인 일정 ". (isset($schedule) ? "수정" : "등록"))
@section("header")
    <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer=""></script>
    {!! resource('css/form.css') !!}
@endsection

@section("content")
    <form class="default" method="POST" id="academy_counsel">
        <input type="hidden" name="academy_counsel_id" value="{{$schedule?->id ?? ''}}">
        <input type="hidden" name="type" value="schedule">
        @csrf
        <section class="mt-3">
            <header>
                개인 일정 등록
            </header>
            <main class="split-form">
                <div class="form-group set_reservation" >
                    <label class="required">예약일시</label>
                    <div class="right-col">
                        <div class="col-6">
                            <input type="date" id="contacted_date" value="{{$schedule?->contacted_date ?? ''}}" class="form-control" name="contacted_date" />
                        </div>
                        <div class="col-6">
                            <input type="time" id="contacted_time" value="{{$schedule?->contacted_time ?? ''}}" class="form-control" name="contacted_time" />
                        </div>
                        <div class="validation-wrap col-12"><p class="m-0"></p></div>
                    </div>
                </div>
                <div class="form-group">
                    <label>일정 제목</label>
                    <div class="right-col">
                        <input  class="form-control form-control-sm" maxlength="30" name="title" id="title" value="{{$schedule?->title ?? ''}}" />
                    </div>
                </div>
                <div class="form-group set_reservation" >
                    <label for="" class="form-label">
                        <input type="checkbox" id="ck-notice" name="ck-notice" @checked(($schedule?->visited_type ?? '') === 'notice')>
                        <label for="ck-notice">공지</label>
                    </label>
                    <div class="right-col">
                        <i class="bi bi-exclamation-circle-fill mr-1"></i> 체크 후 저장하면 전체 인원의 일정에도 노출됩니다.
                    </div>
                </div>
            </main>
            <footer class="align-right">
                <button class="btn btn-primary" type="button" onclick="onCreateAcademyCounsel()">저장</button>
            </footer>
        </section>
    </form>
@endsection
@push("script")
    <script>
        function onCreateAcademyCounsel() {
            let params = null;
            let isValid = true;
            if ($.isEmptyObject($('#contacted_date').val()) || $.isEmptyObject($('#contacted_time').val())) {
                displayValidationForm($('#contacted_date'), "예약일시를 입력하세요", ".right-col")
                isValid = false;
            }


            if (!isValid) {
                alert(1);
                return false;
            }
            const counsel = $('#academy_counsel').serializeArray();
            params = params == null ? counsel : params.concat(counsel);

            let data = {};
            $.each(params, function (index) {
                const param = params[index];
                data[param['name']] = param['value'];
            })
            console.log(data);
            alertify.confirm("확인", "저장하시겠습니까?", async () => {
                const result = await customFetch("{{ isset($schedule) ? route('api.inquiry.counsel.modify') :route('api.inquiry.counsel.create') }}", {
                    method: "POST",
                    body: JSON.stringify(data),
                    headers: {"Content-Type": "application/json"}
                });

                if (result.status) {
                    alertify.alert("완료", "저장되었습니다.", () => {
                        onClosePopup();
                    });
                } else {
                    alertify.alert("error", result.message);
                }
            }, () => {
            });

        }
    </script>
@endpush