@extends('layouts.default')

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/membership.css"/>
    <script type="text/javascript" src="/js/form.js?ver=20200716"></script>
@endpush

@section('content')

    <div class="container mypage leave">
        <!-- 페이지 상단 : 제목 및 현재위치 표시 -->
        <div class="area-pages-top">
            <div class="area-page-location">
                <h1 class="page-title">회원탈퇴</h1>
            </div>
        </div>

        <div class="area-pages-content">
            <div class="area-mypage-leave">
                <div class="leave-wrap">
                    <h3 class="leave-title">회원님,  edm유학센터를 이용하시는데 불편함이 있으셨나요?</h3>
                    <ul class="num-list">
                        <li><i class="num">1)</i> edm유학센터에서 발송하는 SMS 및 메인수신거부는 '마이페이지 > 내정보수정' 에서 확인하세요.</li>
                        <li>
                            <i class="num">2)</i> 불편한 점이나 불만사항을 알려주시면 적극 반영하여 보다 발전한 edm유학센터가 되겠습니다.<br>
                            - 전화문의: 1833-2341 (주중 오전 10시 ~ 오후 06시)
                        </li>
                    </ul>
                </div>

                <div class="leave-wrap-bg">
                    <h3 class="leave-title">아울러 회원 탈퇴 시, 아래의 사항을 숙지하시기 바랍니다.</h3>
                    <ul class="dot-list">
                        <li>
                            회원 탈퇴 시, 고객님의 모든 정보는 삭제 및 파기 되어 복구가 불가능합니다.<br>
                            (단, 공개 게시물에 해당하는 게시판 작성 및 고객 후기 내역, Q&A, edm통신원 내역은 삭제되지 않습니다.)
                        </li>
                        <li>
                            회원 탈퇴 시, 고객님의 정보는 전기통신사업법, 정보통신망 이용 촉진 및 정보보호 등에 관한 법률, 통신비밀보호법, 개인정보호법 등 관련 법령에 의거한 개인정보 취급방침 및 서비스 이용약관에 따라 관리됩니다.
                        </li>
                        <li>
                            회원 탈퇴 시, 한번 탈퇴한 아이디는 다시 사용하실 수 없습니다.
                        </li>
                        <li>
                            회원 활동 등에 의해 부여된 포인트는 모두 소멸되며 탈퇴 이후에는 사용하실 수가 없습니다.
                        </li>
                    </ul>
                    {{-- <div class="leave-point">
                        현재 회원님의 포인트는 <span class="color"><em>00.000</em>P</span>입니다.
                    </div> --}}
                    <p>※ 상세한 내용은 사이트 내 개인정보처리방침을 참고 해 주세요.</p>
                </div>

                <div class="area-mypage-form">
                    <form method="POST" name="form_destroy" action="{{ route('mypage.destroy') }}">
                        @method('delete')
                        @csrf
                        <div class="user-agree">
                            <p class="chk"><input type="checkbox" id="agreementLeave" name="agreement_leave" value="Y"><label for="agreementLeave">상기 edm유학센터 회원 탈퇴 시 처리사항 안내를 확인하였음에 동의합니다.</label></p>
                        </div>
                        <div  class="leave-wrap-bg">
                            {{-- <div class="input-wrap">
                                <p class="tit">회원설문조사 <span class="add-text">(중복 선택이 가능합니다.)</span></p>
                                <p class="chk-custom-wrap">
                                    <span class="chk-custom"><input type="checkbox" id="complainChk1" name="complain_chk[]" value="o"><label for="complainChk1">서비스 이용의 어려움</label></span>
                                    <span class="chk-custom"><input type="checkbox" id="complainChk2" name="complain_chk[]" value="o"><label for="complainChk2">이용빈도낮음</label></span>
                                    <span class="chk-custom"><input type="checkbox" id="complainChk3" name="complain_chk[]" value="o"><label for="complainChk3">프로그램의 품질불만</label></span>
                                    <span class="chk-custom"><input type="checkbox" id="complainChk4" name="complain_chk[]" value="o"><label for="complainChk4">컨설팅 사후관리 불만</label></span>
                                    <span class="chk-custom"><input type="checkbox" id="complainChk5" name="complain_chk[]" value="o"><label for="complainChk5">기타</label></span>
                                </p>
                            </div> --}}
                            <div class="input-wrap">
                                <p class="tit"><label for="complainTxt">edm유학센터에 바라는 점을 적어주세요.</label></p>
                                <div class="input">
                                    <textarea id="complainTxt" name="complain_txt"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="button-wrap center">
                            <button type="button" class="button" onclick="memberDestroy();">확인</button>
                            <button type="reset" class="button color" onclick="history.back()">취소</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        function memberDestroy() {
            var $form = $('form[name="form_destroy"]');

            $.ui_ajax({
                ajax: {
                    method: $form.attr('method'),
                    url: $form.attr('action'),
                    data: $form.serialize(),
                },
                dialog: {
                    text_process: '처리중입니다.<br/>잠시만 기다려 주세요.',
                    text_done: '탈퇴신청이 정상적으로 처리되었습니다.<br>그동안 이용에 감사드립니다.<br>*탈퇴처리는 업무시간 기준 24시간 이내로 완료됩니다.',
                    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;
                            }
                        }
                    }
                }
            });
        }
    </script>

@endsection