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

@push('head')
    {!! resource('asset/main.css') !!}
    {!! resource('asset/main.js') !!}
    {!! resource('asset/daum-postcode/js/daum-postcode.js') !!}
    {!! resource('component/member/asset/member.css') !!}
    {!! resource('component/member/asset/member.js') !!}
@endpush

@section('content')

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

        <div class="area-pages-content">
            <div class="area-mypage-leave">
                <div class="leave-wrap">
                    <h3 class="leave-title">회원님,  하나에듀케이션을 이용하시는데 불편함이 있으셨나요?</h3>
                    <ul class="num-list">
                        <li><i class="num">1)</i> 하나에듀케이션에서 발송하는 SMS 및 메인수신거부는 '회원정보 > 내정보수정' 에서 확인하세요.</li>
                        <li>
                            <i class="num">2)</i> 불편한 점이나 불만사항을 알려주시면 적극 반영하여 보다 발전한 하나에듀케이션이 되겠습니다.<br>
                            - 전화문의: Tel 02-566-5757 (주중 오전 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>
                    <p>※ 상세한 내용은 사이트 내 개인정보처리방침을 참고 해 주세요.</p>
                </div>

                <div class="area-mypage-form">
                    <form method="POST" name="form_destroy" action="/member/destroy">
                        @method('delete')
                        @csrf
                        <div class="user-agree">
                            <p class="chk"><input type="checkbox" id="agreementLeave" name="agreement_leave" value="Y"><label for="agreementLeave">상기 하나에듀케이션 회원 탈퇴 시 처리사항 안내를 확인하였음에 동의합니다.</label></p>
                        </div>
                        <div  class="leave-wrap-bg">
                            <div class="input-wrap">
                                <p class="tit"><label for="complainTxt">하나에듀케이션에 바라는 점을 적어주세요. (필수)</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="submit" class="button">확인</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"]');

            var countCk = $form.find('input[name="agreement_leave"]:checkbox:checked').length;
            if (!countCk) {
                alert('회원탈퇴 시 처리사항 안내를 확인 후 체크해주세요.');
                return false;
            }

            var reqQphone = $form.find('[name="complain_txt"]').val();
            if (reqQphone == '') {
                alert('건의사항을 반드시 작성해주세요.');
                return false;
            }

            $.ajax({
                url : $form.attr('action'),
                type : $form.attr('method'),
                data : $form.serialize(),
                success : function(data) {
                    alert('탈퇴신청이 정상적으로 처리되었습니다.\n그동안 이용에 감사드립니다.\n*탈퇴처리는 업무시간 기준 24시간 이내로 완료됩니다.');
                    window.location.href = '/';
                },
                error : function(error) {
                    alert('탈퇴신청이 실패했습니다.');
                }
            });
        }
    </script>

@endsection