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

@push('head')
    {!! resource('edmuhak/component/bbs/common.css') !!} <!-- 게시판 공통 css 하나로 사용 -->
    {!! resource('edmuhak/component/inquiry/qna/asset/board.css') !!}
    {!! resource('edmuhak/component/inquiry/qna/asset/compose.css') !!}

    <script type="text/javascript" src="/js/form.js?ver=20200716"></script>
@endpush

@section('content')
    <div class="bbs-banner">
        <h1 class="title">실시간Q&amp;A</h1>
        <p class="sub">궁금한 사항을 남겨주세요 <br>전문 컨설턴트가 24시간 이내 <br class="mo-br">친절히 답변해드리겠습니다</p>
        <a href="/inquiry-qna/create" class="createBtn" style="color: #fff;">문의하기</a>
    </div>

    <div class="max-width">

        <div class="bbs qna create">
            <form method="POST" name="form-create" action="/inquiry-qna/store">
                <input type="hidden" name="counsel_type" value="simple">
                @csrf
                <div class="area-inquiry-form" style="float: none; margin: 0 auto;">
                    <div class="input-wrap">
                        <div class="input">
                            <p class="tit"><label for="aif-qna-title">제목</label></p>
                            <p class="line-style">
                                <input type="text" id="aif-qna-title" name="title" value="{{ old('title') }}" placeholder="제목을 입력해 주세요." class="line-style">
                            </p>
                        </div>
                        <div class="input-wrap">
                            <div class="input">
                                <p class="tit"><label for="aif-country">유학국가</label></p>
                                <div class="line-style">
                                    <select name="country">
                                        <option value="">선택해 주세요</option>
                                        @foreach ($countries as $val)
                                            <option value="{{$val->config_oldcode}}">{{$val->config_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="input">
                                <p class="tit"><label for="aif-interest">관심분야</label></p>
                                <div class="line-style">
                                    <select name="category">
                                        <option value="">선택해 주세요</option>
                                        @foreach ($uhaktypes as $val)
                                            <option value="{{$val->config_name}}">{{$val->config_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="input">
                            <p class="tit"><label for="aif-write">문의사항</label></p>
                            <div>
                                <textarea id="aif-write" name="content">{{ old('content') }}</textarea>
                            </div>
                        </div>
                        <div class="button-wrap">
                            <button type="submit" class="button color wide">등록하기</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>

    </div>

    <script type="text/javascript">
        $(function() {
            $('.bbs.qna.create form[name="form-create"]').submit(function() {

                var $form = $(this);
                var $error = null;

                $.ui_ajax({
                    ajax: {
                        method: $form.attr('method'),
                        url: $form.attr('action'),
                        data: $form.serialize()
                    },
                    dialog: {
                        text_process: '질문을 등록중입니다.<br/>잠시만 기다려 주세요.',
                        text_done: '질문 등록이 완료되었습니다.<br/>담당컨설턴트가 빠르게 답변 드리도록 하겠습니다.<br/><br/>감사합니다.',
                        text_fail: '질문 등록에 실패했습니다.',
                        done: function(data) {
                            $error = null;
                            if (data.url) {
                                window.location.href = data.url;
                            }
                        },
                        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