@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"><span>아이디 찾기</span></a>
                <a href="#" class="col2 active"><span>비밀번호 찾기</span></a>
            </h1>

            <form>
                <!-- 정보입력 -->
                <div class="input-wrap">
                    <div class="exp-txt">회원가입 시 기재하셨던 휴대폰 번호와 이메일을 입력해주세요.</div>
                    <div class="input">
                        <p class="tit"><label for="join_id"> 아이디</label></p>
                        <p class="line-style">
                            <input type="text" id="join_id" name="phone" placeholder="아이디를 입력하세요"/>
                        </p>
                    </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">* 등록된 이메일 또는 휴대폰으로 회원님의 아이디가 발송됩니다.</div>

                    <div class="button-wrap">
                        <input type='submit' onclick='formSubmit();' class="button color wide" 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>
                            <span class="exp-txt">
                                비밀번호 재 분실 방지를 위해, 임시비밀번호로 로그인 하신 후,<br class="pc-br">
                                비밀번호변경 페이지에서 새로운 비밀번호로 변경하여<br class="pc-br">
                                서비스를 이용하시기 바랍니다.
                            </span>
                        </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