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

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

@section('content')
<div class="login-mo-back button wide color" onclick="history.back();">
    <a href="javascript:;" style="color: #fff;">뒤로가기</a>
</div>
<main class="max-width member">
    
    <div class="shadow-con-box member-max">
        <div class="login-form">
            <div class="member-logo pb-0 mb-1">
                <svg class="login-edm-logo" viewBox="0 0 83.722 32"><g transform="translate(-420 -74)"><path d="M68.068,19.436a2.757,2.757,0,1,0,2.756,2.757,2.758,2.758,0,0,0-2.756-2.757" transform="translate(397.839 67.405)" fill="#313133"></path><path d="M68.068,36.961a2.757,2.757,0,1,0,2.756,2.758,2.759,2.759,0,0,0-2.756-2.758" transform="translate(397.839 61.459)" fill="#313133"></path><path d="M106.768,24.041v12.6a.183.183,0,0,1,.011.04.269.269,0,0,0,.264.244h4.049a.277.277,0,0,0,.277-.276V23.769c0-.333-.014-.65-.035-.96a7.809,7.809,0,0,0-1.313-4.162.4.4,0,0,0-.082-.118c-.077-.1-.165-.209-.289-.348-.07-.073-.11-.119-.152-.16a7.13,7.13,0,0,0-5.214-2.159h-.957c-.069,0-.223-.009-.458,0a9.725,9.725,0,0,0-4.61,1.339,8.08,8.08,0,0,0-1.367.966.214.214,0,0,1-.3-.017,6.8,6.8,0,0,0-2.012-1.517,7.316,7.316,0,0,0-3.324-.769h-.973a10.7,10.7,0,0,0-1.5.149.2.2,0,0,1-.032,0c-.06.009-.2.035-.394.08l-.057.014a9.433,9.433,0,0,0-2.086.739.219.219,0,0,1-.289-.092l-.514-.793a.232.232,0,0,1-.026-.036.273.273,0,0,0-.338-.124l-3.4,1.348a.271.271,0,0,0-.168.252V36.649a.274.274,0,0,0,.276.276h3.958a.276.276,0,0,0,.276-.276l0-.059a.231.231,0,0,1,0-.057V24.1a3.445,3.445,0,0,1,2.546-3.709,4.687,4.687,0,0,1,1.378-.174h.175a4.765,4.765,0,0,1,1.611.262,3.635,3.635,0,0,1,2.328,3.333l.005.233v12.6a.09.09,0,0,1,.01.042.271.271,0,0,0,.267.242h4.138a.275.275,0,0,0,.276-.276l0-.059a.267.267,0,0,1,0-.057V24.1a3.444,3.444,0,0,1,2.546-3.709,4.685,4.685,0,0,1,1.378-.174h.174a4.776,4.776,0,0,1,1.613.262,3.634,3.634,0,0,1,2.327,3.333Z" transform="translate(392.353 68.645)" fill="#69a82c"></path><path d="M12.184,23.816a.241.241,0,0,1,0,.03v.185H4.431v-.463h0V22.6c0-2.628,1.975-3.582,3.823-3.595h.1c1.849.013,3.822.967,3.822,3.595ZM8.33,15.23C2.881,15.23,0,17.979,0,23.181v6.162c0,5.266,2.752,7.825,8.414,7.825a22.817,22.817,0,0,0,7.351-1.2.268.268,0,0,0,.172-.3l-.458-2.8a.2.2,0,0,1-.009-.031l-.087-.457c-.012-.091-.082-.1-.135-.1a.681.681,0,0,0-.141.018l-.144.038a30.173,30.173,0,0,1-5.085.945c-.262.018-.527.026-.793.026a5.237,5.237,0,0,1-3.634-1.046A4.581,4.581,0,0,1,4.436,29.3V28.057a.215.215,0,0,1,.215-.214h11.4a.272.272,0,0,0,.271-.27V23.267c0-5.332-2.689-8.037-7.992-8.037" transform="translate(420 68.833)" fill="#313133"></path><path d="M40.063,28.053a2.8,2.8,0,0,1-2.223-.894c-.047-.05-.067-.07-.083-.092-.048-.06-.1-.125-.145-.2-.022-.034-.04-.068-.061-.1a4.228,4.228,0,0,1-.527-2.156v-6.8a3.811,3.811,0,0,1,.88-2.641,3.238,3.238,0,0,1,2.477-.923,8.276,8.276,0,0,1,2.727.535c.079.03.151.065.221.1A2.037,2.037,0,0,1,44.2,16.8v8.8a1.9,1.9,0,0,1-.383,1.3,2.638,2.638,0,0,1-.784.484,8.442,8.442,0,0,1-2.971.675m8.645-28a.273.273,0,0,0-.229-.05L44.388.889a.269.269,0,0,0-.2.262V3.834a.2.2,0,0,1,.016.077v6.376a.215.215,0,0,1-.276.208,12.035,12.035,0,0,0-3.323-.432c-5.443,0-8.32,2.75-8.32,7.95v6.162c0,5.025,2.5,7.579,7.636,7.8a10.805,10.805,0,0,0,2.476-.221,8.235,8.235,0,0,0,1.376-.466l.007.009c.431-.17,1.006-.451,1.006-.451l.181.544a.268.268,0,0,0,.255.18h3.324a.268.268,0,0,0,.267-.27V.269a.269.269,0,0,0-.1-.212" transform="translate(409.046 74)" fill="#313133"></path></g></svg>
            </div>
            <h1 class="member-title mb-1">신규 비밀번호 설정</h1>
            <div class="login-link-box mb-2">
                <p>회원 가입시 사용한 이메일 주소와 새로 사용할 비밀번호를 입력해 주세요.</p>
            </div>
            <form id="register-form" name="resetpassword" class="form login" method="post" action="/member/reset-password">
                @csrf
                <div class="login-inputBox">
                    <div class="login-input-wrap">
                        <label for="id-input">이메일</label>
                        <input type="email" name="email" autocomplete="off" placeholder="회원 가입시 사용한 이메일 주소를 입력해주세요.">
                        <div class="check-result" id="id-check-result"></div>
                    </div>
                    <div class="login-input-wrap">
                        <label for="password-input" >새로 사용할 비밀번호</label>
                        <input type="password" name="password" id="new_password" autocomplete="off" required placeholder="새로 사용할 비밀번호를 입력해주세요.">
                        <div class="check-result" id="password-check-result"></div>
                    </div>
                </div>

                <div class="form-submit hana-btn-wrap login-btn-wrap submit mb-0">
                    <button id="resetpassword-submit" type="submit" class="login-btn">확인</button>
                </div>
            </form>
        </div>
        <p class="member-all-text-box">edm 회원가입 시 아이디 하나로 edm유학센터, edm아트유학, edm포트폴리오,<br class="pc-br"> edm해외영어캠프의 서비스를 이용하실 수 있습니다.</p>
    </div>
    
    <footer class="footer-login">
        <div class="footer-con">
            <ul class="footer-link">
                <li><a href="https://edmedu.com/space" target="_blank">회사소개</a></li>
                <li><a href="https://www.edmuhak.com/policy/service">이용약관</a></li>
                <li class="text-color"><a href="https://www.edmuhak.com/policy/privacy">개인정보처리방침</a></li>
            </ul>
            <div class="footer-logo">
    
                COPYRIGHT <span><svg viewBox="0 0 83.722 32"><g transform="translate(-420 -74)"><path d="M68.068,19.436a2.757,2.757,0,1,0,2.756,2.757,2.758,2.758,0,0,0-2.756-2.757" transform="translate(397.839 67.405)" fill="#313133"></path><path d="M68.068,36.961a2.757,2.757,0,1,0,2.756,2.758,2.759,2.759,0,0,0-2.756-2.758" transform="translate(397.839 61.459)" fill="#313133"></path><path d="M106.768,24.041v12.6a.183.183,0,0,1,.011.04.269.269,0,0,0,.264.244h4.049a.277.277,0,0,0,.277-.276V23.769c0-.333-.014-.65-.035-.96a7.809,7.809,0,0,0-1.313-4.162.4.4,0,0,0-.082-.118c-.077-.1-.165-.209-.289-.348-.07-.073-.11-.119-.152-.16a7.13,7.13,0,0,0-5.214-2.159h-.957c-.069,0-.223-.009-.458,0a9.725,9.725,0,0,0-4.61,1.339,8.08,8.08,0,0,0-1.367.966.214.214,0,0,1-.3-.017,6.8,6.8,0,0,0-2.012-1.517,7.316,7.316,0,0,0-3.324-.769h-.973a10.7,10.7,0,0,0-1.5.149.2.2,0,0,1-.032,0c-.06.009-.2.035-.394.08l-.057.014a9.433,9.433,0,0,0-2.086.739.219.219,0,0,1-.289-.092l-.514-.793a.232.232,0,0,1-.026-.036.273.273,0,0,0-.338-.124l-3.4,1.348a.271.271,0,0,0-.168.252V36.649a.274.274,0,0,0,.276.276h3.958a.276.276,0,0,0,.276-.276l0-.059a.231.231,0,0,1,0-.057V24.1a3.445,3.445,0,0,1,2.546-3.709,4.687,4.687,0,0,1,1.378-.174h.175a4.765,4.765,0,0,1,1.611.262,3.635,3.635,0,0,1,2.328,3.333l.005.233v12.6a.09.09,0,0,1,.01.042.271.271,0,0,0,.267.242h4.138a.275.275,0,0,0,.276-.276l0-.059a.267.267,0,0,1,0-.057V24.1a3.444,3.444,0,0,1,2.546-3.709,4.685,4.685,0,0,1,1.378-.174h.174a4.776,4.776,0,0,1,1.613.262,3.634,3.634,0,0,1,2.327,3.333Z" transform="translate(392.353 68.645)" fill="#69a82c"></path><path d="M12.184,23.816a.241.241,0,0,1,0,.03v.185H4.431v-.463h0V22.6c0-2.628,1.975-3.582,3.823-3.595h.1c1.849.013,3.822.967,3.822,3.595ZM8.33,15.23C2.881,15.23,0,17.979,0,23.181v6.162c0,5.266,2.752,7.825,8.414,7.825a22.817,22.817,0,0,0,7.351-1.2.268.268,0,0,0,.172-.3l-.458-2.8a.2.2,0,0,1-.009-.031l-.087-.457c-.012-.091-.082-.1-.135-.1a.681.681,0,0,0-.141.018l-.144.038a30.173,30.173,0,0,1-5.085.945c-.262.018-.527.026-.793.026a5.237,5.237,0,0,1-3.634-1.046A4.581,4.581,0,0,1,4.436,29.3V28.057a.215.215,0,0,1,.215-.214h11.4a.272.272,0,0,0,.271-.27V23.267c0-5.332-2.689-8.037-7.992-8.037" transform="translate(420 68.833)" fill="#313133"></path><path d="M40.063,28.053a2.8,2.8,0,0,1-2.223-.894c-.047-.05-.067-.07-.083-.092-.048-.06-.1-.125-.145-.2-.022-.034-.04-.068-.061-.1a4.228,4.228,0,0,1-.527-2.156v-6.8a3.811,3.811,0,0,1,.88-2.641,3.238,3.238,0,0,1,2.477-.923,8.276,8.276,0,0,1,2.727.535c.079.03.151.065.221.1A2.037,2.037,0,0,1,44.2,16.8v8.8a1.9,1.9,0,0,1-.383,1.3,2.638,2.638,0,0,1-.784.484,8.442,8.442,0,0,1-2.971.675m8.645-28a.273.273,0,0,0-.229-.05L44.388.889a.269.269,0,0,0-.2.262V3.834a.2.2,0,0,1,.016.077v6.376a.215.215,0,0,1-.276.208,12.035,12.035,0,0,0-3.323-.432c-5.443,0-8.32,2.75-8.32,7.95v6.162c0,5.025,2.5,7.579,7.636,7.8a10.805,10.805,0,0,0,2.476-.221,8.235,8.235,0,0,0,1.376-.466l.007.009c.431-.17,1.006-.451,1.006-.451l.181.544a.268.268,0,0,0,.255.18h3.324a.268.268,0,0,0,.267-.27V.269a.269.269,0,0,0-.1-.212" transform="translate(409.046 74)" fill="#313133"></path></g></svg>edm</span> EDUCATION ALL RIGHTS RESERVED</div>
        </div>
    </footer>
</main>

<script type="text/javascript">
    $(document).ready(function(){
        // @if (Session::has('success'))
        //     msg('{!! Session::get('success') !!}');
        // @endif

        // @if (Session::has('error'))
        //     msg('{!! Session::get('error') !!}');
        // @endif

        $('#new_password').keyup(function(e){
            var pwd = this.value;
            var len = pwd.length;

            if (len>5) {
                $.ajax({
                    type: 'get',
                    dataType: 'json',
                    url: '/member/check-password?pwd='+encodeURIComponent(pwd),
                    success: function(result) {
                        $('#password-check-result').html(result.msg);
                        if (result.valid) $('#resetpassword-submit').prop('disabled', false);
                        else $('#resetpassword-submit').prop('disabled', true);
                    }
                });
            } else {
                $('#resetpassword-submit').prop('disabled', true);
                $('#password-check-result').html("<span style='color: red'>6글자 이상이어야 합니다</span>");
            }
        });

    });
</script>

@if(session('success'))
<script>
    $(document).ready(function() {
        $('#successModal').modal('show');
    });
</script>
@elseif(session('error'))
<script>
    $(document).ready(function() {
        $('#errorModal').modal('show');
    });
</script>
@endif
@endsection

@section('script')
<script>
</script>
@endsection