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

@extends(env('APP_NAME').'.layout')

@push('head')
    {!! resource('asset/inquiry.css') !!}`
    <link rel="stylesheet" href="/asset/swiper/swiper.min.css">
    <script src="/asset/swiper/swiper.min.js"></script>
@endpush

@if (Carbon\Carbon::now()->isBetween($presentation_data['등록일'], $presentation_data['종료일']))
@else
    {{-- <script>
        alert('현재 접수 기간이 아닙니다.');
        window.history.back();
    </script> --}}
@endif

@section('content')

    <div class="inquiry presentation-pages">
        <!-- 제목 및 현재위치 표시 -->
        <div class="area-pages-top onlyTit white">
            <div class="container">
                <h1 class="page-title">{{$presentation_data['제목']}}</h1>
            </div>
        </div>

        <div class="area-pages-content">
            <div class="container contentsWrap" style="margin-bottom: 5rem;">
                <div class="infoText">
                    {!! nl2br($presentation_data['설명']) !!}
                </div>

                <form method="POST" action="/hanaschool/presentation/store" id="hanaschoolPresentationRequest">
                    @csrf
                    <input type="hidden" name="gc_token" id="gc_token" value="">
                    <input type="hidden" name="register_root[category]" value="설명회">
                    <input type="hidden" name="presentation_id" value="{{$id}}">
                    {{-- <input type="hidden" name="uhaktype" value="{{$presentation_data['유학종류']}}"> --}}
                    <input type="hidden" name="uhaktype" value="아트유학">
                    <input type="hidden" name="branch" value="HNSC">
                    <input type="hidden" name="presentation_title" value="{{$presentation_data['제목']}}">
                    <div class="area-inquiry-form">
                        <p class="essential"><label for="aif-name"><i class="req">* 필수항목</i></label></p>
                        <div class="input-wrap">
                            <div class="input">
                                @foreach ($standard_names as $standard_name)
                                    <input type="hidden" name="standard_names[]" value="{{$standard_name}}">
                                @endforeach
                            </div>
                            <div class="input-wrap standard hope">
                                @foreach ($presentation_data_standard as $standard)
                                    <div class="input type">
                                    @if($standard['답변필수'] == "yes")
                                        <p class="tit">
                                            <label for="aif-type">
                                                <i class="req">*</i>{{$standard['항목명']}}
                                            </label>
                                        </p>
                                        @if($standard['타입'] == "text")
                                            <input type="text" {!!($standard['항목명']=='연락처' ? 'maxlength=11 placeholder="\'-\'없이 숫자만 입력해 주세요" onKeyup="this.value=this.value.replace(/[^0-9]/g,\'\');"' : '')!!}{!!($standard['항목명']=='이름' ? 'placeholder="이름을 입력하세요."' : '')!!}{!!($standard['항목명']=='이메일' ? 'placeholder="이메일 주소를 입력하세요."' : '')!!} requiredinput="{{ $standard['답변필수'] }}" data-itnm="{{ $standard['항목명'] }}" id="aif-{{$standard['항목명']}}" name="standard{{$standard['항목명']}}[]" value="" class="line-style">
                                        @elseif($standard['타입'] == "textarea")
                                            <textarea requiredinput="{{ $standard['답변필수'] }}" data-itnm="{{ $standard['항목명'] }}" id="aif-{{$standard['항목명']}}" name="standard{{$standard['항목명']}}[]"></textarea>
                                        @elseif($standard['타입'] == "select")
                                            <p class="line-style">
                                                <select requiredinput="{{ $standard['답변필수'] }}" data-itnm="{{ $standard['항목명'] }}" id="aif-{{$standard['항목명']}}" name="standard{{$standard['항목명']}}[]">
                                                    <option value="">{{$standard['항목명']}}를 선택해 주세요.</option>
                                                    @foreach ($standard['옵션'] as $check)
                                                        <option value="{{ $check }}" @selected(old('check'), $check)>{{ $check }}</option>
                                                    @endforeach
                                                </select>
                                            </p>
                                        @elseif($standard['타입'] == "checkbox")
                                            <div class="input country {{ $standard['항목명'] }}" style="margin: 0;">
                                                <div class="line-style presentation-check">
                                                    <input type="text" name="country_names" value="{{ old('country_names') }}" class="select-style" placeholder="{{$standard['항목명']}}를 선택해주세요" autocomplete="off" readonly>
                                                </div>
                                                <div class="input-multi-select">
                                                    <div class="chk-custom-wrap">
                                                        @foreach ($standard['옵션'] as $check)
                                                            <span><input requiredinput="{{ $standard['답변필수'] }}" data-itnm="{{ $standard['항목명'] }}" type="checkbox" id="aif-{{$standard['항목명']}}{{ $check }}" name="standard{{$standard['항목명']}}[]" value="{{ $check }}" @checked(old('check'), $check)><label for="aif-{{$standard['항목명']}}{{ $check }}">{{ $check }}</label></span>
                                                        @endforeach
                                                    </div>
                                                    <div class="button-wrap">
                                                        <input type="button" class="reset button half" value="선택해지">
                                                        <input type="button" class="save button color half" value="선택완료" data-class="{{ $standard['항목명'] }}">
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    @else
                                    @endif
                                    </div>
                                @endforeach
                            </div>

                            <div class="input">
                                @foreach ($extra_names as $extra_name)
                                    <input type="hidden" name="extra_names[]" value="{{$extra_name}}">
                                @endforeach
                            </div>

                            <div class="input-wrap extra">
                                @foreach ($presentation_data_extra as $extra)
                                <div class="input type">
                                    <p class="tit">
                                        <label for="aif-type">
                                            {!! $extra['답변필수']=='yes' ? '<i class="req">*</i>' : '' !!}{{ preg_replace("/[#\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명']) }}
                                        </label>
                                    </p>
                                    @if($extra['타입'] == "text")
                                    <input type="text" requiredinput="{{ $extra['답변필수'] }}" data-itnm="{{ preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명']) }}" id="aif-{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}" name="extra{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}[]" value="" class="line-style">
                                    @elseif($extra['타입'] == "textarea")
                                    <textarea requiredinput="{{ $extra['답변필수'] }}" data-itnm="{{ preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명']) }}" id="aif-{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}" name="extra{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}[]"></textarea>
                                    @elseif($extra['타입'] == "select")
                                    <p class="line-style">
                                        <select requiredinput="{{ $extra['답변필수'] }}" data-itnm="{{ preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명']) }}" id="aif-{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}" name="extra{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}[]">
                                            <option value="">{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}를(을) 선택해 주세요.</option>
                                            @foreach ($extra['옵션'] as $check)
                                                <option value="{{ $check }}" @selected(old('check'), $check)>{{ $check }}</option>
                                            @endforeach
                                        </select>
                                    </p>
                                    @elseif($extra['타입'] == "checkbox")
                                    <ul class="presentation-checkbox-list">
                                        @foreach ($extra['옵션'] as $check)
                                            <li><span class="chk"><input requiredinput="{{ $extra['답변필수'] }}" data-itnm="{{ preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명']) }}" type="checkbox" id="aif-{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}{{ $check }}" name="extra{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}[]" value="{{ $check }}" @checked(old('check'), $check)><label for="aif-{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}{{ $check }}">{{ $check }}</label></span></li>
                                        @endforeach
                                    </ul>
                                    @elseif($extra['타입'] == "radio")
                                    <ul class="presentation-radio-list">
                                        @foreach ($extra['옵션'] as $radio)
                                            <li><span class="rdo"><input requiredinput="{{ $extra['답변필수'] }}" data-itnm="{{ preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명']) }}" type="radio" id="aif-{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}{{ $radio }}" name="extra{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}[]" value="{{ $radio }}" @checked(old('radio'), $radio)><label for="aif-{{preg_replace("/[ #\&\+\-%@=\/\\\:;,\.'\"\^`~\_|\!\?\*$#<>()\[\]\{\}]/i", "", $extra['항목명'])}}{{ $radio }}">{{ $radio }}</label></span></li>
                                        @endforeach
                                    </ul>
                                    @endif
                                </div>
                                @endforeach
                            </div>

                            <div class="input terms-wrap">
                                <span class="chk"><input type="checkbox" id="agree-info" name="agreement"><label for="agree-info"><strong>[필수]</strong> 개인정보수집 및 이용안내 동의</label></span>
                                <span class="toggle-btn">자세히보기</span>
                                <div class="terms-detail">
                                   <div class="scroll">
                                        {{ !empty(S3Policy::find('data-collection')) ? S3Policy::find('data-collection')->render():'' }}
                                   </div>
                                </div>
                            </div>

                            <div class="button-wrap">
                                <button type="submit" id="aif-counsel" class="button color wide">신청하기</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script src="https://www.google.com/recaptcha/api.js?render={{ config('var.RECAPTCHA_V3_SITEKEY') }}"></script>
    <script>
        $(function(){

            $('.line-style.presentation-check').click(function(){
                if ($(this).parent().parent().siblings().find('.input.country').hasClass('ims-active')) {
                    $(this).parent().parent().siblings().find('.input.country').toggleClass('ims-active');
                }
                $(this).parent().toggleClass('ims-active');
            });
            $('.hope .save').click(function(){
                const data = $(this).data('class');
                var value = [];
                $('.hope .'+data+' input[type=checkbox]:checked').each(function() {
                    var checkedId = $(this).attr('id');
                    value.push($('label[for='+checkedId+']').text());
                });
                $('.hope .'+data+' input[type=text]').val(value.join(','));
                $('.hope .'+data).removeClass('ims-active');
            });
            $('.hope .reset').click(function(){
                $(this).parent().parent().find('input[type=checkbox]').prop('checked', false);
            });

            $('.presentation-pages form').submit(function(e) {
                e.preventDefault();
                let dosubmit = true;

                $('[requiredinput="yes"]').each(function(){
                    let tn = $(this).prop('tagName');
                    let ty = $(this).attr('type');
                    let label = $(this).attr('data-itnm');
                    if(tn == 'INPUT' && (ty == 'checkbox' || ty == 'radio')){
                        let en = $(this).attr('name')
                        if($("[name='"+en+"']:checked").length == 0){
                            dosubmit = false;
                            alert(label+'는(은) 필수 체크 사항입니다.');
                            $(this).focus();
                            return false;
                        }
                    }else{
                        /** 주말강좌 폼 작성 내용 관련 정규식*/
                        nameRule = /^[가-힣a-zA-Z]+$/;
                        phoneRule = /^(01[016789]{1})[0-9]{3,4}[0-9]{4}$/;
                        emailRule = /^([\w\.-]+)@([a-z\d\.-]+)\.([a-z\.]{2,6})$/;

                        let iv = $.trim($(this).val());
                        if($(this).attr('name') == 'standard이름[]'){
                            if(!nameRule.test(iv)){
                                dosubmit = false;
                                alert(label+'를 정확하게 입력해 주세요.');
                                $(this).focus();
                                return false;
                            }
                        }else if($(this).attr('name') == 'standard연락처[]'){
	                        if(!phoneRule.test(iv)){
                                dosubmit = false;
                                alert(label+'를 정확하게 입력해 주세요.');
                                $(this).focus();
                                return false;
                            }
                        }else if($(this).attr('name') == 'standard이메일[]'){
	                        if(!emailRule.test(iv)){
                                dosubmit = false;
                                alert(label+'를 정확하게 입력해 주세요.');
                                $(this).focus();
                                return false;
                            }
                        }else{
                            if(iv == ''){
                                dosubmit = false;
                                alert(label+'는 필수 입력/선택 사항입니다.');
                                $(this).focus();
                                return false;
                            }
                        }
                    }
                });

                if( dosubmit && $( "input:checkbox[name='agreement']" ).is(":checked") == false ) {
                    dosubmit = false;
                    alert('개인정보수집 및 이용안내 동의는 필수 선택 항목입니다.');
                    return false;
                }

                if(dosubmit){

                    let $form = $(this);

                    grecaptcha.ready(function() {
                        grecaptcha.execute("{{ config('var.RECAPTCHA_V3_SITEKEY') }}", {action: 'submit'}).then(function(token) {
                            $('#gc_token').val(token);

                            dosubmit($form);
                        });
                    });

                    // 주말강좌 신청
                    function dosubmit($form){
                        $.ajax({
                            url : $form.attr('action'),
                            type : $form.attr('method'),
                            data : $form.serialize(),
                            success : function(data) {
                                // Analytics.call('consultation.created');
                                alert('주말강좌 신청이 완료되었습니다.\n담당 전문컨설턴트가 빠르게 연락드리겠습니다.');
                                window.location.href = '/';
                            },
                            error : function(error) {
                                alert('주말강좌 신청이 실패했습니다.');
                            }
                        });

                        return false;
                    }
                }

            });

            // 자세히 보기
            $('.terms-wrap .toggle-btn').on('click',function(){
                $(this).toggleClass('active').next('.terms-detail').stop().slideToggle(300);
            });
        });
    </script>
@endsection