@extends($service.'.layout')

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

    {!! resource('css/myclass/my_class_mo.css') !!}
    {!! resource('css/classroom/mobile.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">
                @if($enrollmentCdtPasses->isNotEmpty())
                <div class="list-group 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
                        <div class="list-item">
                            <div class="list-header">
                                <div class="list-image">
                                    <img src="{{ $enrollmentCdtPass->enrollment->product->thumbnail }}" alt="">
                                </div>
                                <div class="list-title">
                                    <div class="badge-warp">
                                        <span class="badge module">{{ ucfirst($enrollmentCdtPass->enrollment->module) }}</span>
                                        @if (!in_array($enrollmentCdtPass->enrollment->status, ['FINISHED', 'PAUSED']))
                                        <span class="badge used"></span>
                                        @endif
                                    </div>

                                    <div class="name">{{ $enrollmentCdtPass->enrollment->product->name }}</div>
                                    <div class="desc">{{ $enrollmentCdtPass->name }}</div>
                                </div>
                            </div>

                            <div class="list-contents">
                                <div class="info-group">
                                    @if ($enrollmentCdtPass->provide_type == '결제일' || !$enrollmentCdtPass->provide_type)
                                        <div class="info-box">
                                            <div class="info-title">이용기간</div>
                                            <div class="info-desc"><strong>
                                                 {{ Carbon::parse($enrollmentCdtPass->enrollment->started_at)->format('y.m.d') }}
                                                ~ {{ Carbon::parse($enrollmentCdtPass->enrollment->ended_at)->format('y.m.d') }}</strong></div>
                                        </div>
                                    @elseif ($enrollmentCdtPass->provide_type == '매달 20일')
                                        <div class="info-box"><div class="info-title">지급일로부터 7일</div></div>
                                        <div class="info-box"><div class="info-title">매달 20일마다 1회씩 지급</div></div>
                                    @elseif ($enrollmentCdtPass->provide_type == 'CDT 모의고사일마다')
                                        <div class="info-box"><div class="info-title">지급일로부터 2일</div></div>
                                        <div class="info-box"><div class="info-title">CDT 모의고사일마다 1회씩 지급</div></div>
                                    @else
                                        <div class="info-box"><div class="info-title">지급일로부터 {{ $enrollmentCdtPass->unused_deduction_day }}일</div></div>
                                        <div class="info-box"><div class="info-title">{{ $enrollmentCdtPass->provide_type }}마다 1회씩 지급</div></div>
                                    @endif
                                </div>
                            </div>

                            @if (in_array($enrollmentCdtPass->enrollment->status, ['FINISHED', 'PAUSED']))
                                <div class="list-action">
                                    <a href="#none" class="btn-submit disabled">{{ $enrollmentCdtPass->enrollment->status == 'FINISHED' ? "수강종료" : "휴강중" }}</a>
                                </div>
                            @else
                                <div class="list-contents">
                                    <div class="info-group col-2">
                                        <div class="info-box">
                                            <div class="info-title">총 응시 횟수</div>
                                            <div class="info-desc"><strong>{{ $enrollmentCdtPass->total_use_count }}</strong></div>
                                        </div>
                                        <div class="info-box">
                                            <div class="info-title">잔여 응시 횟수</div>
                                            <div class="info-desc"><strong>{{(int) $enrollmentCdtPass->remaining_count}}
                                                ({{$enrollmentCdtPass->total_use_count - $enrollmentCdtPass->remaining_count}}
                                                회 소진)</strong></div>
                                        </div>
                                    </div>
                                </div>
                            @endif


                        </div>
                    @endforeach
                </div>
                @endif

                {{-- <ul class="product-list cdt">
                    @if($enrollmentCdtPasses->isNotEmpty())
                        @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="">
                                    <div>
                                        <div class="badge-area">
                                            <span class="bg-green">{{ ucfirst($enrollmentCdtPass->enrollment->module) }}</span>
                                            @if (!in_array($enrollmentCdtPass->enrollment->status, ['FINISHED', 'PAUSED']))
                                                <span class="bg-red">이용중</span>
                                            @endif
                                        </div>
                                        <h4>{{ $enrollmentCdtPass->enrollment->product->name }}</h4>
                                        <p>{{ $enrollmentCdtPass->name }}</p>


                                    </div>
                                </div>
                                <div class="description">
                                    @if ($enrollmentCdtPass->provide_type == '결제일' || !$enrollmentCdtPass->provide_type)
                                        <span>
                                            이용기간 {{ Carbon::parse($enrollmentCdtPass->enrollment->started_at)->format('y.m.d') }}
                                            ~ {{ Carbon::parse($enrollmentCdtPass->enrollment->ended_at)->format('y.m.d') }}</span>
                                    @elseif ($enrollmentCdtPass->provide_type == '매달 20일')
                                        <span>지급일로부터 7일</span>
                                        <span class="cdt_provide_type">매달 20일마다 1회씩 지급</span>
                                    @elseif ($enrollmentCdtPass->provide_type == 'CDT 모의고사일마다')
                                        <span>지급일로부터 2일</span>
                                        <span class="cdt_provide_type">CDT 모의고사일마다 1회씩 지급</span>
                                    @else
                                        <span>지급일로부터 {{ $enrollmentCdtPass->unused_deduction_day }}일</span>
                                        <span class="cdt_provide_type">{{ $enrollmentCdtPass->provide_type }}마다 1회씩 지급</span>
                                    @endif
                                </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
                    @else
                        <li class="no-data">
                            응시 가능한 CDT가 없습니다.
                        </li>
                    @endif
                </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')
    <script>
        $(document).on('click', ".notice-icon-right-wrapper", function () {
            event.preventDefault();
            $(this).parents('.notice-container').hide();
        });
    </script>
@endsection