@php
    $nowDate = date("Y:m:d");
    //echo $nowDate."</br>";
    $nowHour = date("H");
@endphp

@extends('layouts.default', [
    'activatedNavItem' => 'INQUIRY',
])

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/inquiry.css?ver=22.07.04"/>
    <script type="text/javascript" src="/js/form.js?ver=20200716"></script>
{{--    <script type="text/javascript" src="/js/jquery.min.js"></script>--}}
    <script type="text/javascript" src="/js/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/jquery-ui.min.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="{{ route('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 class="area-promotion-inquiry">
{{--                    <div class="aip-title">--}}
{{--                        지금 상담신청하고<br>--}}
{{--                        <strong>이 모든 <span class="text-point">혜택</span>  받으세요</strong>--}}
{{--                    </div>--}}
{{--                    <div class="aip-slide slide-simple-arr no-pager">--}}
{{--                        @contentManager('INQUIRY', 'CONSULT-BANNERS')--}}
{{--                        <div class="swiper-wrapper">--}}
{{--                            @foreach ($items = @contentItems('INQUIRY', 'CONSULT-BANNERS')->get() as $item)--}}
{{--                                <div class="swiper-slide">--}}
{{--                                    @contentItem(['item' => $item])--}}
{{--                                    @endcontentItem--}}
{{--                                </div>--}}
{{--                            @endforeach--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="swiper-controls">--}}
{{--                        <div class="swiper-controls-direction">--}}
{{--                            <div class="swiper-button-prev"></div>--}}
{{--                            <div class="swiper-button-next"></div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">

        document.querySelector('#aif-presentation').addEventListener('change', (event) => {
            location.href=`presentation/${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 = '{!! route('main.index') !!}';
                        },
                        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