@extends('layout-common')

@section('content')

    <div id="membership">
        <div class="findIdPw">
            <div class="max-width">
                <h1 class="pageTitle">비밀번호 찾기</h1>

                <form method="post" action="{{ route('find-password') }}" id="findPwd">
                    @csrf
                    <!-- 정보입력 -->
                    <div class="input-wrap formWrap">
                        <div class="messageBox">
                            <figure></figure><em>가입 시 등록하신 이메일 주소(아이디)를 입력해 주세요. 임시 비밀번호를 보내드립니다.</em>
                        </div>

                        <div class="input">
                            <p class="tit">아이디(이메일)</p>
                            <p class="line-style">
                                <input type="email" id="join_email" name="email" placeholder="이메일을 입력해 주세요." value="{{ old('email') }}" required>
                            </p>
                            <div class="message error">@error('loginid') {{ $message }} @enderror</div>
                            <div class="message error">@error("empty-password") {{ $message }} @enderror</div>
                        </div>

                        <div class="button-wrap">
                            <button type="button" class="submitBtn" id="btnSubmit" onclick="checkValidation()" disabled>임시 비밀번호 받기</button>
                        </div>

                    </div>
                </form>

                <div class="shortcut">
                    <a href="/login">로그인</a>
                    <a href="/signup">회원가입</a>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
<script>
    $(document).ready(function(){
        keyupEvent();

        $('#join_email').on('keyup', function() {
            keyupEvent()
        })

        function keyupEvent() {
            if (! $.isEmptyObject($('#join_email').val())) {
                $('#btnSubmit').attr('disabled',false);
            } else {
                $('#btnSubmit').attr('disabled',true);
            }
        }
    });

    function checkValidation() {

        if ($.isEmptyObject($('#join_email').val()) ) {
            alert("이메일을 입력하세요");
            return false;
        }

        $('form#findPwd').submit();
    }
</script>
@endsection