@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 class="on">
                    <a href="#none">상품내역</a>
                </li>
                <li>
                    <a href="{{ route('classroom.cdt-completed', ['service'=> $service]) }}">응시내역</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-cont1">
                <ul class="product-list cdt">
                    @foreach ($enrollmentCdtPasses as $enrollmentCdtPass)
                        @php
                            $feedbackUsage = $enrollmentCdtPass->enrollment->enrollmentFeedbackPasses->first();
                            $endDate = Carbon::parse($enrollmentCdtPass->enrollment->ended_at)->format('y.m.d');
                            if($endDate < Carbon::now()->format('y.m.d')){
                                $enrollmentCdtPass->enrollment->status = 'FINISHED';
                            }
                        @endphp
                        <li>
                            <div class="title">
                                <img src="{{ $enrollmentCdtPass->enrollment->product->thumbnail }}" alt="" class="ml4"
                                     style="width: 96px; height :60px;">
                                <div>
                                    <dl class="badge">
                                        <dd class="bg-green">{{ucfirst($enrollmentCdtPass->enrollment->module)}}</dd>

                                        @if (!in_array($enrollmentCdtPass->enrollment->status, ['FINISHED', 'PAUSED']))
                                            <dd class="bg-red">이용중</dd>
                                        @endif
                                    </dl>
                                    <h4>{{ $enrollmentCdtPass->enrollment->product->name }}</h4>
                                    <p>{{ $enrollmentCdtPass->name }}</p>
                                    @if ($enrollmentCdtPass->provide_type == '결제일' || !$enrollmentCdtPass->provide_type)
                                        <p class="date">
                                            이용기간 {{ Carbon::parse($enrollmentCdtPass->enrollment->started_at)->format('y.m.d') }}
                                            ~ {{ Carbon::parse($enrollmentCdtPass->enrollment->ended_at)->format('y.m.d') }}</p>
                                    @else
                                        <p class="date">지급일로부터 {{ $enrollmentCdtPass->unused_deduction_day }}일<br>
                                            <span class="cdt_provide_type">* {{ $enrollmentCdtPass->provide_type }}마다 1회씩 지급</span>
                                        </p>
                                    @endif
                                </div>
                            </div>
                            @if ($enrollmentCdtPass->enrollment->status == 'FINISHED')
                                <a href="#none" class="btn-go disabled">
                                    학습종료
                                </a>
                            @elseif($enrollmentCdtPass->enrollment->status == "PAUSED")
                                <a href="#none" class="btn-go disabled">
                                    휴강중
                                </a>
                            @else
                                <div class="detail correct">
                                    <dl>
                                        <dt>총 응시 횟수</dt>
                                        <dd>{{$enrollmentCdtPass->total_use_count}}</dd>
                                    </dl>
                                    <dl>
                                        <dt>잔여 응시 횟수</dt>
                                        <dd>{{(int) $enrollmentCdtPass->remaining_count}}
                                            ({{$enrollmentCdtPass->total_use_count - $enrollmentCdtPass->remaining_count}}
                                            회 소진)
                                        </dd>
                                    </dl>
                                </div>
                            @endif
                        </li>
                    @endforeach

                </ul>
            </div>
            <div id="tab-cont2" style="display:none">
                <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')
@endsection