@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 area-pages mypage">
        <!-- 페이지 상단 : 제목 및 현재위치 표시 -->
        <div class="area-pages-top">
            <div class="area-page-location">
                <h1 class="page-title">마이페이지</h1>
                <div class="page-location">
                    <span class="home">Home</span><span class="depth1">마이페이지</span><span class="depth2">수속신청</span>
                </div>
            </div>
        </div>

        <div class="area-pages-content">
            <div class="flex-wrap">
                <!--  lnb -->
                <div class="area-mypage-nav">
                    <p class="hello-user">
                        안녕하세요, <br class="pc-br"> <strong>김동현님</strong>
                    </p>
                    <div class="lnb">
                        <a href="#" class="active btn-apply">수속신청</a>
                        <a href="#" class="btn-myinfo">내 정보수정</a>
                        <a href="#" class="btn-logout">로그아웃</a>
                    </div>
                </div>

                <!-- content -->
                <div class="area-mypage-wrap">
                    <h2 class="cont-title">수속신청</h2>
                    <!-- 단계표시 -->
                    <ul class="md-process-step">
                        <li class="current">1. <span class="pc-text">수속</span>기본정보 <span class="pc-text">입력</span></li>
                        <li>2. 학교/과정/기타<span class="pc-text">정보 입력</span></li>
                        <li>3. <span class="pc-text">수속신청</span>완료</li>
                    </ul>

                    <div class="area-mypage-form">
                        <form>
                            <p class="af-title">개인기본정보</p>
                            <!-- 기본정보 : 수정 불가 -->
                            <div class="my-unchangeable">
                                <p class="col3">
                                    <em>*이름</em>
                                    <span>김동현</span>
                                </p>
                                <p class="col3">
                                    <em>*이메일</em>
                                    <span>kimble@edmedu.com</span>
                                </p>
                                <p class="col3">
                                    <em>*휴대폰</em>
                                    <span>010-1111-2222</span>
                                </p>
                            </div>
                            <!-- 정보입력 -->
                            <div class="input-wrap">
                                <div class="input col2">
                                    <p class="tit"><label for=""> *영문이름 (여권 영문이름과 동일하게 작성)</label></p>
                                    <input type="text" id="" name="" placeholder="이메일">
                                </div>
                                <div class="input col2">
                                    <p class="tit"><label for=""> *생년월일</label></p>
                                    <input type="text" id="" name="">
                                </div>
                                <div class="input col2">
                                    <p class="tit"><label for=""> *카카오톡 아이디</label></p>
                                    <input type="text" id="" name="" placeholder="대학 지원 고객만 입력해주세요.">
                                </div>
                                <div class="input">
                                    <p class="tit"><label for="">주소</label></p>
                                    <p class="zipcode">
                                        <input type="text" name="" id="" value="">
                                        <button class="button">우편번호<span class="pc-text">찾기</span></button>
                                    </p>
                                    <p>
                                        <input type="text" name="mm_address" id="mm_address1" size="40">
                                        <input type="text" name="mm_address2" size="40" autocomplete="off" placeholder="상세주소 입력">
                                    </p>
                                </div>
                            </div>
                            <!-- 수속정보 입력 -->
                            <div class="input-wrap">
                                <p class="af-title">수속기본정보</p>
                                <div class="input">
                                    <p class="tit"><label for="">유학국가</label></p>
                                    <select>
                                        <option value="">국가를 선택하세요</option>
                                        <option value="1">미국</option>
                                        <option value="2">영국</option>
                                        <option value="3">캐나다</option>
                                    </select>
                                </div>
                                <div class="input">
                                    <p class="tit"><label for="">유학타입</label></p>
                                    <select>
                                        <option value="">대학(일반전공)</option>
                                        <option value="1">옵션1</option>
                                        <option value="2">옵션2</option>
                                        <option value="3">옵션3</option>
                                    </select>
                                    <select>
                                        <option value="">학부</option>
                                        <option value="1">옵션1</option>
                                        <option value="2">옵션2</option>
                                        <option value="3">옵션3</option>
                                    </select>
                                </div>
                                <div class="input">
                                    <p class="tit"><label for="">담당지사</label></p>
                                    <select>
                                        <option value="">담당 지사를 선택하세요</option>
                                        <option value="1">옵션1</option>
                                        <option value="2">옵션2</option>
                                        <option value="3">옵션3</option>
                                    </select>
                                </div>
                            </div>
                            <!-- 다음단계로 -->
                            <div class="button-wrap next">
                                <button class="button color wide">다음단계로</button>
                            </div>
                            <!-- 기타정보 입력 -->
                            <div class="input-wrap">
                                <p class="af-title">개인기본정보</p>
                                <div class="input chk-wrap">
                                    <p class="tit">유학서비스</p>
                                    <div class="chk-custom">
                                        <input type="checkbox" id="type1" name="" value="프리미엄"><label for="type1">무료</label>
                                        <i class="info-question"></i>
                                        <div class="info-detail">
                                            <strong>무료 서비스</strong>
                                            <ul class="dot-list">
                                                <li>지원서, 지원서류 검토</li>
                                                <li>Offer 서류 지원자에게 전달</li>
                                                <li>Deposit 20만원<br>(지원서 성공적으로 제출 시, 환급)</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="chk-custom">
                                        <input type="checkbox" id="type2" name="" value=""><label for="type2">프리미엄</label>
                                        <i class="info-question"></i>
                                        <div class="info-detail">
                                            <strong>무료 서비스</strong>
                                            <ul class="dot-list">
                                                <li>지원서, 지원서류 검토</li>
                                                <li>Offer 서류 지원자에게 전달</li>
                                                <li>Deposit 20만원<br>(지원서 성공적으로 제출 시, 환급)</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="input chk-wrap">
                                    <p class="tit">기타서비스</p>
                                    <div class="chk-custom">
                                        <input type="checkbox" id="type3" name="" value=""><label for="type3">학교픽업</label>
                                        <i class="info-question"></i>
                                        <div class="info-detail">
                                            <strong>무료 서비스</strong>
                                            <ul class="dot-list">
                                                <li>지원서, 지원서류 검토</li>
                                                <li>Offer 서류 지원자에게 전달</li>
                                                <li>Deposit 20만원<br>(지원서 성공적으로 제출 시, 환급)</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection