@php
    $nowDate = date("Y:m:d");
    $nowHour = date("H");
@endphp

@extends(env('APP_NAME').'.layout', [
    'activatedNavItem' => 'INQUIRY',
])

@push('head')
	{!! resource('main/asset/main.css') !!}
    <link rel="stylesheet" type="text/css" href="/css/edmuhak/inquiry.css?ver=22.07.04"/>
    <script type="text/javascript" src="/js/edmuhak/form.js?ver=20200716"></script>
    <script type="text/javascript" src="/js/edmuhak/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/edmuhak/jquery-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/edmuhak/app.css"/>
@endpush

@section('content')

    <div class="container inquiry consultation">
        <!-- 제목 및 현재위치 표시 -->
        <div class="area-pages-top bg">
            <h1 class="page-title">설명회 참가신청</h1>
            <div>
                <select id="aif-presentation" name="presentation">
                    <option value="">신청서를 작성할 설명회를 선택해주세요.</option>
                    @foreach ($question_list as $question => $item)
                        <option value="{{$item->idx}}">{{$item->title}}</option>
                    @endforeach
                </select>
            </div>
            <div class="add-text">
                <h2>◼︎ 설명회 안내</h2>
            </div>
            <br>
        </div>
        <div class="area-pages-content">
            <div class="flex-wrap">
                <form method="POST" action="/inquiry-presentation/store">
                    @csrf
                    <div class="area-inquiry-form">
                        <div class="input-wrap">
                            <div class="input">
                                <p class="tit"><label for="aif-name"><i class="req"><b>* 필수항목</b></i></label></p>
                            </div>
                            <div class="input">
                                <p class="tit"><label for="aif-name"><i class="req"><b>● 추가 항목</b></i></label></p>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <script type="text/javascript">

        document.querySelector('#aif-presentation').addEventListener('change', (event) => {
            location.href=`/inquiry-presentation/create/${event.target.value}`;
        });

        $(function(){
            new Swiper('.area-promotion-inquiry .aip-slide', {
                loop: true,
                autoplay: true,
                slideClass: 'swiper-slide',
                slidesPerView: 1,
                navigation: {
                    prevEl: '.area-promotion-inquiry .swiper-button-prev',
                    nextEl: '.area-promotion-inquiry .swiper-button-next',
                },
            });

            $('.layout-container form').submit(function() {
                var $form = $(this);
                var $error = null;

                $.ui_ajax({
                    ajax: {
                        method: $form.attr('method'),
                        url: $form.attr('action'),
                        data: $form.serialize(),
                        done: function() {
                            // Analytics.call('consultation.created');
                        }
                    },
                    dialog: {
                        text_process: '신청중입니다.<br/>잠시만 기다려 주세요.',
                        text_done: '신청이 완료되었습니다.<br/>감사합니다.',
                        text_fail: '신청에 실패했습니다.',
                        done: function(data) {
                            $error = null;
                            window.location.href = '/';
                        },
                        fail: function(jqXHR, textStatus, errorThrown) {
                            var response = jqXHR.responseJSON;
                            if (response) {
                                $error = response.errors;
                            }
                        },
                        close: function() {
                            if ($error) {
                                for (var key in $error) {
                                    $form.find('[name="' + key + '"]').focus();
                                    break;
                                }
                            }
                        }
                    }
                });

                return false;
            });
        });
    </script>
@endsection