@extends('ielts.layout')

@section('ielts-css')
    {!! resource('css/ielts/sub.css') !!}

    {!! resource('css/myclass/my_class_mo.css') !!}
    {!! resource('css/myclass/my_class_mo_ielts.css') !!}
    {!! resource('css/common/nice-select-mo.css') !!}
@endsection



@section("ielts-content")
<div class="container_m">

    <div id="nav">
        <a href="#none" class="ico-back">뒤로가기</a>
        <h2>휴강/연장신청</h2>
    </div>
    <div id="tab">
        <ul>
            <li>
                <a href="#none">휴강신청</a>
            </li>
            <li class="on">
                <a href="#none">무료연장신청</a>
            </li>
            <li>
                <a href="#none">유료연장신청</a>
            </li>
        </ul>
    </div>
    <div id="container" class="bg-gray">
        <div id="cnt-tab">
            <ul>
                <li class="on">
                    <a href="#none">신청하기</a>
                </li>
                <li>
                    <a href="#none">신청내역</a>
                </li>
            </ul>
        </div>
        <div class="bg-white">
            <div class="text-gray">
                <strong>
                    연장 가능한 상품을 수강 중이신 경우 연장 신청 과정을 통해 수강기간을 무료로 연장할 수 있습니다.
                </strong>
                <strong class="medium">
                    가능 상품 및 수강기간
                </strong>
                <div>
                    · 상품별 상이
                </div>
            </div>
            <div class="text-gray">
                <strong>
                    신청기간
                </strong>
                <div>
                    · 수강종료 30일 전 ~ 수강 종료일 내 신청<br>
                    · 기간 내 신청하지 않은 경우 무료 연장 불가<br>
                    · 연장신청 가능횟수는 구매한 상품마다 상이
                </div>
            </div>
            <div class="text-gray">
                <strong>
                    첨부 서류
                </strong>
                <div>
                    · 7.0 미만의 성적표 (환급반의 경우 환급도전챌린지 도전 실패 시 별도 첨부서류 없이 연장 가능)<br>
                    · 수강기간 내 응시한 시험 성적표에 한함
                </div>
            </div>
            <div class="text-gray">
                <strong>
                    구성서비스 이용 안내
                </strong>
                <div>
                    · 기존 상품 옵션과 동일한 서비스(강좌, 첨삭, CDT)를 연장된 기간 동안 이용하실 수 있습니다. (교재 제외)<br>
                    ※ 신청 후 삭제 수정은 불가합니다. 수정해야 하는 경우 재업로드해 주시기 바랍니다.
                </div>
            </div>
        </div>
        <div class="filter">
            <select class="select-option wide" name="" id="" required>
                <option value="" disabled selected>강좌를 선택해 주세요.</option>
                <option value="" date="수강기간 : 2024.03.19~24.09.30">%상품명% %옵션명%</option>
                <option value="" date="수강기간 : 2024.03.19~24.09.30">%상품명% %옵션명%</option>
                <option value="" date="수강기간 : 2024.03.19~24.09.30">%상품명% %옵션명%</option>
                <option value="" date="수강기간 : 2024.03.19~24.09.30">%상품명% %옵션명%</option>
            </select>
        </div>
        <div class="option-category gap12">
            <dl class="w100">
                <dt>
                    선택 강좌
                </dt>
                <dd>
                    <p>입문 올패스 180일 입문 올패스 180일 입문 올패스 180일</p>
                </dd>
            </dl>
            <dl class="w100 fd-row">
                <dt>
                    신청가능횟수
                </dt>
                <dd>
                    1회
                </dd>
            </dl>
            <textarea name="" id="" placeholder="내용을 입력해주세요."></textarea>
            <!-- 이미지 첨부 (환급 여부가 Y인 경우 제거) -->
            <div class="image-file">
                <div class="title">
                    <i class="ico-camera"></i>
                    <span>사진 0/3</span>
                </div>
                <div class="image-file-wrap">
                    <div class="box">
                        <div class="js--image-preview"></div>
                        <div class="upload-options">
                            <label>
                                <input type="file" class="image-upload" accept="image/*" />
                            </label>
                        </div>
                    </div>
                    <div class="box">
                        <div class="js--image-preview"></div>
                        <div class="upload-options">
                            <label>
                                <input type="file" class="image-upload" accept="image/*" />
                            </label>
                        </div>
                    </div>
                    <div class="box">
                        <div class="js--image-preview"></div>
                        <div class="upload-options">
                            <label>
                                <input type="file" class="image-upload" accept="image/*" />
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <!-- // 이미지 첨부 -->
            <p class="sm-text">ed:m 담당자 승인 후 연장됩니다.</p>
            <a href="#none" class="btn-go on">
                연장신청
            </a>
        </div>
    </div>
</div>
@endsection



@section('ielts-script')

    {!! resource('js/common/image-file.js') !!}
    {!! resource('js/common/jquery.nice-select-mo.js') !!}
    <script>
        $(document).ready(function () {
            $('.select-option').niceSelect();
        });
    </script>
@endsection