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

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

@section('content')
<main class="container">
    <div class="login-form">
        <div class="login-title-grid">
            <div><a href="/member/find-id">아이디 찾기</a></div>
            <h1><a href="/member/find-password">비밀번호 찾기</a></h1>
        </div>
        <form id="findform" name="findpassword" class="form register" action="/member/find-password" method="POST">
            @csrf
            <div class="login-inputBox">
                <p>회원가입 시 기재하셨던 <span id="-txt-1">이메일을</span> 입력해 주세요.</p>

                <div class="login-input-wrap">
                    <label for="id-input">아이디</label>
                    <input id="id-input" type="text" name="id" autocomplete="off" placeholder="아이디" value="{{ request()->get('id') }}" required>
                </div>

                <div class="login-input-wrap">
                	<div class="toggle" id="email-form">
                        <label>이메일</label>
                        <input type="email" name="email" autocomplete="off" placeholder="이메일" checked>
                    </div>

                    <div class="toggle hidden" id="phone-form">
                        <label>휴대폰</label>
                        <input type="tel" name="phone" autocomplete="off" placeholder="휴대폰 번호">
                    </div>
                </div>

                <div class="check-input-wrap">
                    <p><strong>확인방법</strong></p>
                    <div class="check-input-wrap-grid radio-input-wrap-grid">
                        <div>
                            <input type="radio" name="search" value="email" checked>
                            <label for="search-email">등록된 이메일</label>
                        </div>
                        <div>
                            <input type="radio" name="search" value="phone">
                            <label for="search-phone">등록된 휴대폰</label>
                        </div>
                    </div>
                    <span>* 등록된 <span id="-txt-2">이메일로</span> 회원님의 비밀번호 변경정보가 발송됩니다.</span>
                </div>
            </div>

            <div class="form-submit hana-btn-wrap">
                <button type="submit" class="hana-btn" disabled>확인</button>
            </div>
        </form>
    </div>
    @if(session('success'))
    <div class="modal fade" id="successModal" tabindex="-1" role="dialog" aria-labelledby="successModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <p>{{ session('success') }}</p>
                </div>
            </div>
        </div>
    </div>
    @elseif(session('error'))
    <div class="modal fade" id="errorModal" tabindex="-1" role="dialog" aria-labelledby="errorModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <p>{!! session('error') !!}</p>
                </div>
            </div>
        </div>
    </div>
    @endif
</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
    });
</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