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

@push('head')
    {!! 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="/main/find-id">아이디찾기 찾기</a></div>
                <h1><a href="/main/find-password">비밀번호 찾기</a></h1>
            </div>
            <form id="register-form" name="register" class="form register" action="{{ route('register-process') }}" method="POST">
                @csrf
                <div class="login-inputBox">
                    <span>회원가입 시 기재하셨던 휴대폰 번호와 이메일을 입력해 주세요.</span><br>
                    <div class="login-input-wrap">
                        <label for="id-input">아이디</label>
                        <input id="id-input" type="text" name="id" autocomplete="off" placeholder="아이디" required>
                    </div>
                    <div class="login-input-wrap">
                        <label for="email-input">이메일</label>
                        <input id="email-input" type="email" name="email" autocomplete="off" placeholder="이메일" required>
                    </div>
                    <div class="login-input-wrap">
                        <label for="phone-input">휴대폰</label>
                        <input id="phone-input" type="tel" name="phone" autocomplete="off" placeholder="휴대폰 번호" required>
                    </div>

                    <div class="check-input-wrap">
                        <p><strong>확인방법</strong></p>
                        <div class="check-input-wrap-grid radio-input-wrap-grid">
                            <div>
                                <input id="search-email" type="radio" name="search" checked>
                                <label for="search-email">등록된 이메일</label>
                            </div>
                            <div>
                                <input id="search-phone" type="radio" name="search">
                                <label for="search-phone">등록된 휴대폰</label>
                            </div>
                        </div>
                        <span>* 등록된 이메일 또는 휴대폰으로 회원님의 아이디가 발송됩니다.</span>
                    </div>
                </div>

                <div class="form-submit hana-btn-wrap">
                    <button type="submit" class="hana-btn">확인</button>
                </div>
            </form>
        </div>
    </main>

@endsection