@extends("common.layout-popup")

@section("page-title", "상담 예약 관리")
@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="inquiry_id" value="{{$inquiry->id ?? ''}}">
            @csrf
            <section class="mt-3">
                <header>
                    상담 예약 등록
                </header>
                <main class="split-form">
                    <div class="form-group">
                        <label class="required">이름</label>
                        <div class="right-col">
                            {{$inquiry->name ?? ''}}
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="required">전화번호</label>
                        <div class="right-col">
                            {{$inquiry->phone ?? ''}}
                        </div>
                    </div>
                    <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="" class="form-control" name="contacted_date" />
                            </div>
                            <div class="col-6">
                                <input type="time" id="contacted_time" value="" 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 set_reservation" >
                        <label class="required">방문구분</label>
                        <div class="right-col">
                            <select class="form-select" name="visited_type" id="visited_type">
                                @foreach ( $visited as $key => $val )
                                    <option value="{{ $key }}" >{{ $val }}</option>
                                @endforeach
                            </select>
                            <div class="validation-wrap col-12"><p class="m-0"></p></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>담당자 선택</label>
                        <div class="right-col">
                            <select class="form-select" name="charged_by">
                                @foreach ($admins  as $key => $admin)
                                    <option value="{{ $admin->id }}">{{ $admin->name }}</option>
                                @endforeach
                                <option value="0">기타</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>메모</label>
                        <div class="right-col">
                            <textarea class="form-control form-control-sm" rows="5" name="memo" id="memo"></textarea>
                        </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($("#visited_type").val())){
                displayValidationForm($('#visited_type'), "방문구분을 선택해주세요.", ".right-col")
                isValid = false;
            }

            if ($.isEmptyObject($('#contacted_date').val()) || $.isEmptyObject($('#contacted_time').val())) {
                displayValidationForm($('#contacted_date'), "예약일시를 입력하세요", ".right-col")
                isValid = false;
            }


            if (!isValid) {
                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'];
            })

            alertify.confirm("확인", "저장하시겠습니까?", async () => {
                const result = await customFetch("{{ route('api.inquiry.counsel.create') }}", {
                    method: "POST",
                    body: JSON.stringify(data),
                    headers: {"Content-Type": "application/json"}
                });

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

        }
    </script>
@endpush