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

@push('head')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="/css/inquiry.css?ver={{date("YmdHis")}}"/>
    <script type="text/javascript" src="/js/form.js?ver=20200716"></script>
@endpush

@section('content')
    <div class="container inquiry consultation">
        <!-- 제목 및 현재위치 표시 -->
        <div class="area-pages-top bg">
            <h1 class="page-title">고마워요 edm</h1>
            <div class="add-text yg-text">
                고객님의 소중한 후기는<br>
                더욱 발전된 서비스를 위해 활용하겠습니다.<br>
                고맙습니다.
            </div>
        </div>
        <div class="area-pages-content">
            <div class="flex-wrap">
                <form method="POST" action="{{ route('inquiry.review.store') }}">
                    <input type="hidden" name="counsel_type" value="simple">
                    <input type="hidden" id="mm_uid" name="mm_uid" value="{{ $data['mm_uid'] }}">
                    @csrf
                    <div class="area-inquiry-form">
                        <div class="require-notice"><i class="req">*</i> 필수입력사항</div>
                        <div class="input-wrap">
                            <div class="input">
                                <p class="tit"><label for="aif-name">이름</label></p>
                                <p class="line-style">
                                    <input type="text" id="aif-name" name="name" value="{{ $data['mm_name'] }}"  class="line-style" readonly>
                                </p>
                            </div>
                            <div class="input">
                                <p class="tit"><label for="aif-cs-title"><i class="req">*</i>제목</label></p>
                                <div class="">
                                    <textarea id="aif-cs-title" name="cs_title" placeholder="제목을 입력해주세요."></textarea>
                                </div>
                            </div>
                            <div class="input">
                                <p class="tit"><label for="aif-cs-cont1"><i class="req">*</i>출국 전 오리엔테이션까지 마무리하셨는데 소감이 어떠세요?</label></p>
                                <div class="">
                                    <textarea id="aif-cs-cont1" name="cs_cont1" placeholder="남기실 말을 입력해주세요."></textarea>
                                </div>
                            </div>
                            <div class="input">
                                <p class="tit"><label for="aif-cs-cont2"><i class="req">*</i>유학 준비를 하면서 가장 어려웠던 점은 무엇인가?<br>(학교 선택, 비자준비, 출국 준비 등)</label></p>
                                <div class="">
                                    <textarea id="aif-cs-cont2" name="cs_cont2" placeholder="남기실 말을 입력해주세요."></textarea>
                                </div>
                            </div>
                            <div class="input">
                                <p class="tit"><label for="aif-cs-cont3"><i class="req">*</i>유학을 준비하고 있는 후배들에게 당부하고 싶은 말은?</label></p>
                                <div class="">
                                    <textarea id="aif-cs-cont3" name="cs_cont3" placeholder="남기실 말을 입력해주세요."></textarea>
                                </div>
                            </div>
                            <div class="input sel-box">
                                <p class="tit"><label for="aif-review"><i class="req">*</i>이디엠 유학서비스에 대한 만족도 평가해 주세요.</label></p>
                                <div class="star-rating" id="star-rating">
                                    <input type="radio" id="5-stars" name="rating" value="5"/>
                                    <label for="5-stars" class="star pr-4"><i class="fas fa-star"></i></label>
                                    <input type="radio" id="4-stars" name="rating" value="4"/>
                                    <label for="4-stars" class="star"><i class="fas fa-star"></i></label>
                                    <input type="radio" id="3-stars" name="rating" value="3"/>
                                    <label for="3-stars" class="star"><i class="fas fa-star"></i></label>
                                    <input type="radio" id="2-stars" name="rating" value="2"/>
                                    <label for="2-stars" class="star"><i class="fas fa-star"></i></label>
                                    <input type="radio" id="1-star" name="rating" value="1" />
                                    <label for="1-star" class="star"><i class="fas fa-star"></i></label>
                                </div>
                            </div>
                            <div class="input">
                                <p class="tit"><label for="aif-content"><i class="req">*</i>edm을 알게 된 계기와 가장 고마웠던 순간은?<br> ( 서비스와 EC에 대한 만족도를 적어주세요 )</label></p>
                                <div class="">
                                    <textarea id="aif-content" name="content" placeholder="남기실 말을 입력해주세요."></textarea>
                                </div>
                            </div>

                            <div class="button-wrap">
                                <button type="submit" class="button color wide">등록하기</button>
                            </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">
        $(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(),
                    },
                    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