@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>CDT모의고사</h2>
    </div>
    <div id="tab">
        <ul>
            <li>
                <a href="#none">상품내역</a>
            </li>
            <li class="on">
                <a href="#none">응시 내역</a>
            </li>
        </ul>
    </div>
    <div id="container" class="bg-gray">
        <div class="cdt-filter">
            <div>응시하기, 응시결과 상세 보기는 PC(노트북)에서 이용해주시기 바랍니다.<br>모바일에서는 응시 과목에 대한 점수만 확인하실 수 있습니다.</div>
            <div class="filter">
                <select class="select-option wide" name="" id="" required>
                    <option value="" disabled selected>CDT 세트 선택</option>
                    <option value="">%상품명% %옵션명%</option>
                    <option value="">%상품명% %옵션명%</option>
                    <option value="">%상품명% %옵션명%</option>
                    <option value="">%상품명% %옵션명%</option>
                </select>
            </div>
        </div>
        <h3>CDT 모의고사 풀패키지</h3>
        <ul class="cdt-history">
            <li class="no-data">
                응시 가능한 CDT가 없습니다.
            </li>
            <li>
                <div class="correct-detail-wrap">
                    <p>CDT 문제명 제목이 들어갑니다. 들어갑니다.</p>
                    <h4>
                        <i class="ico-score"></i>
                        Overall <strong>9.0</strong>
                    </h4>
                    <div class="score-wrap cdt">
                        <div>
                            <table>
                                <tbody><tr>
                                    <th>
                                        Listening
                                    </th>
                                    <td>9.0</td>
                                </tr>
                            </tbody></table>
                        </div>
                        <div>
                            <table>
                                <tbody><tr>
                                    <th>Reading</th>
                                    <td>9.0</td>
                                </tr>
                            </tbody></table>
                        </div>
                        <div>
                            <table>
                                <tbody><tr>
                                    <th>Writing</th>
                                    <td>9.0</td>
                                </tr>
                            </tbody></table>
                        </div>
                        <div>
                            <table>
                                <tbody><tr>
                                    <th>Speaking</th>
                                    <td>9.0</td>
                                </tr>
                            </tbody></table>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="correct-detail-wrap">
                    <p>CDT 문제명 제목이 들어갑니다. 들어갑니다.</p>
                    <h4>
                        <i class="ico-score"></i>
                        Overall <strong>9.0</strong>
                    </h4>
                    <div class="score-wrap cdt">
                        <div>
                            <table>
                                <tbody><tr>
                                    <th>
                                        Listening
                                    </th>
                                    <td>9.0</td>
                                </tr>
                            </tbody></table>
                        </div>
                        <div>
                            <table>
                                <tbody><tr>
                                    <th>
                                        Reading
                                        <a href="#none" class="btn line on">첨삭신청</a>
                                    </th>
                                </tr>
                            </tbody></table>
                        </div>
                        <div>
                            <table>
                                <tbody><tr>
                                    <th>
                                        Writing
                                        <a href="#none" class="btn line">답변대기</a>
                                    </th>
                                </tr>
                            </tbody></table>
                        </div>
                        <!-- 버튼 일 경우 -->
                        <div>
                            <table>
                                <tbody><tr>
                                    <th>
                                        Speaking
                                        <a href="#none" class="btn line on">첨삭보기</a>
                                    </th>
                                </tr>
                            </tbody></table>
                        </div>
                    </div>
                </div>
            </li>
        </ul>

    </div>
</div>
@endsection



@section('ielts-script')

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