@extends($service.'.layout')

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

    {!! resource('css/myclass/my_class_mo.css') !!}
    {!! resource('css/myclass/my_class_mo_'.$service.'.css') !!}
@endsection

@section($service."-content")
    <div class="container_m">

        <div id="nav">
            <a href="{{ route('classroom.dashboard', ['service' => ! empty($service)&& in_array($service, ['ielts', 'academy']) ? $service : 'ielts' ]) }}" class="ico-back">뒤로가기</a>
            <h2>CDT모의고사</h2>
        </div>
        <div id="tab">
            <ul>
                <li>
                    <a href="{{ route('classroom.cdt-list', ['service' => $service]) }}">상품내역</a>
                </li>
                <li class="on">
                    <a href="#none">응시내역</a>
                </li>
                @if($service == 'academy')
                    <li>
                        <a href="{{ route('classroom.feedback-list', ['service' => $service]) }}">첨삭내역</a>
                    </li>
                @endif
            </ul>
        </div>
        <div id="container" class="bg-gray">
            <div id="tab-cont2" >
                <div class="cdt-filter">
                    <p class="txt">응시하기, 응시결과 상세 보기는 PC(노트북)에서 이용해주시기 바랍니다. <br>모바일에서는 응시 과목에 대한 점수만 확인하실 수 있습니다.</p>
                    <div class="filter">
                        <select class="select-option wide cdt-pass" name="" id="">
                            <option value="" selected>CDT 세트 선택</option>
                            @foreach ($enrollmentCdtPasses as $cp)
                                <option value="{{ $cp->id }}">{{ $cp->cdtPass->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div id="cdt-history-list">

                </div>
            </div>
        </div>
    </div>
@endsection



@section($service.'-script')
    <script>
        $(document).ready(function () {
            $('.cdt-pass').on('change', function () {
                const id = $(this).val();

                if (id) {
                    $.ajax({
                        url: '{{ route("classroom.cdt-result-list", ['service' =>$service]) }}/' + id,
                        type: 'GET',
                        success: function (response) {
                            $('#cdt-history-list').html(response);
                        },
                        error: function () {
                        }
                    });
                } else {
                    $('#cdt-history-list').html('');
                }
            });
        });
    </script>
@endsection