@extends('layouts.default')

@section('content')

    <link rel="stylesheet" type="text/css" href="/css/membership.css"/>
    <script src="{{ asset('js/default-ui.js') }}"></script>

    <div class="container">
        <div class="area-membership">
            <h1 class="title">
                <a href="#" class="col2 active"><span>아이디 찾기</span></a>
                <a href="#" class="col2"><span>비밀번호 찾기</span></a>
            </h1>

            <form>
                <!-- 정보입력 -->
                <div class="input-wrap">
                    <div class="exp-txt">회원가입 시 기재하셨던 휴대폰 번호와 이메일을 입력해주세요.</div>
                    <div class="input">
                        <p class="tit"><label for="join_mobile"> 휴대폰</label></p>
                        <p class="line-style">
                            <input type="tel" id="join_mobile" name="phone" placeholder="'-'없이 입력하세요"/>
                        </p>
                    </div>
                    <div class="input">
                        <p class="tit"><label for="join_email"> 이메일</label></p>
                        <p class="line-style">
                            <input type="text" id="join_email" name="email" placeholder="회원가입 시 등록한 이메일 주소를 입력해주세요" />
                        </p>
                    </div>
                    <div class="input">
                        <p class="tit">확인방법</p>
                        <p class="chk-wrap">
                            <span class="chk"><input type="radio" id="option_email" name="option" value="" checked><label for="option_email">등록된 이메일</label></span>
                            <span class="chk"><input type="radio" id="option_mobile" name="option" value=""><label for="option_mobile">등록된 휴대폰</label></span>
                        </p>
                    </div>

                    <div class="exp-txt"><i class="req">*</i> 등록된 이메일 또는 휴대폰으로 회원님의 아이디가 발송됩니다.</div>

                    <div class="button-wrap">
                        <input type="submit" class="button color wide" value="확인">
                    </div>
                </div>

                <!-- 아이디확인 -->
                <div class="input-wrap">
                    <div class="message-send-email">
                        <div class="text-wrap">
                            <p class="tit">
                                <em>고객님의 아이디는 아래와 같습니다.</em>
                                <strong>edmedu</strong>
                            </p>
                            <p class="exp-txt">
                                비밀번호가 기억나지 않는 경우 <br>
                                <a href='https://www.hana-edu.com/?db=hana&trg=members/findpassword' target='_blank' rel="nofollow">비밀번호 찾기</a> 페이지에서 찾을 수 있습니다.<br>
                                항상 하나유학원을 사랑해 주시는 고객님을 위해<br> 보다 나은 서비스로 보답하겠습니다.
                            </p>
                        </div>
                    </div>
                    <div class="button-wrap">
                        <input type="submit" class="button color half" value="확인">
                        <input type="submit" class="button dark half" value="비밀번호 찾기">
                    </div>
                </div>

                <!-- 메일주소확인 -->
                <div class="input-wrap">
                    <div class="exp-txt">회원 가입 시 등록하신 이메일로 아이디를 발송해 드립니다.</div>
                    <div class="message-check-email">
                        <p class="text-wrap">
                            <em>asdflqkewja@mail.com</em>
                        </p>
                    </div>
                    <div class="button-wrap">
                        <input type="submit" class="button color half" value="이메일로 받기">
                        <input type="submit" class="button dark half" value="취소">
                    </div>
                </div>

                <!-- 메일발송완료(아이디) -->
                <div class="input-wrap">
                    <div class="message-send-email">
                        <p class="text-wrap">
                            <em>회원가입 시 등록하신 이메일 주소로<br> 아이디가 발송되었습니다.</em>
                        </p>
                    </div>
                    <div class="button-wrap">
                        <input type="submit" class="button color half" value="확인">
                        <input type="submit" class="button dark half" value="비밀번호 찾기">
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection