@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">
        @if($service == 'academy')
            <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>
                        <a href="{{ route('classroom.cdt-completed', ['service' => $service]) }}">응시내역</a>
                    </li>
                    <li class="on">
                        <a href="#none">첨삭내역</a>
                    </li>
                </ul>
            </div>
        @else
            <div id="nav">
                <a href="{{ route('classroom.dashboard', ['service' => ! empty($service)&& in_array($service, ['ielts', 'academy']) ? $service : 'ielts' ]) }}" class="ico-back">뒤로가기</a>
                <h2>첨삭학습</h2>
            </div>
            <div id="tab">
                <ul>
                    <li>
                        <a href="{{ route('classroom.feedback', ['service' => 'ielts']) }}">첨삭 등록</a>
                    </li>
                    <li class="on">
                        <a href="#none">첨삭 내역</a>
                    </li>
{{--                    <li>--}}
{{--                        <a href="#none">임시저장</a>--}}
{{--                    </li>--}}
                </ul>
            </div>
        @endif
        <div id="container" class="bg-gray">
            <ul class="product-list">
            @if (count($enrollmentFeedbackPasses) == 0)
                <li>
                    <div id="noData">
                        <div class="flex"><p>등록된 게시글이 없습니다.</p></div>
                    </div>
                </li>
            @else
                    @foreach ($sortedFeedbackRequests as $item)
                        @php
                            $pass = $item['pass'];
                            $request = $item['request'];
                        @endphp

                        <li>
                            <div class="title">
                                <div>
                                    <p class="date">{{ \Carbon\Carbon::parse($request->applied_at)->locale('ko')->isoFormat('YY.MM.DD(dd)') }}</p>
                                    <dl class="badge">
                                        <dd class="{{ ($pass->feedbackPass->type === 'Basic') ? 'bg-blue' : 'bg-red' }}">{{ $pass->feedbackPass->type }}</dd>
                                        <dd class="normal"><strong>{{ $request->round }}</strong>회차/{{ $pass->total_use_count }}회</dd>
                                    </dl>
                                    <h4>{{ $pass->name }}</h4>
                                </div>
                            </div>
                            <div class="detail correct mt4">
                                <dl>
                                    <dt>첨삭과목</dt>
                                    <dd>- {{ $request->feedbackTopic->subject }}</dd>
                                </dl>
                                <dl>
                                    <dt>첨삭타입</dt>
                                    <dd>- {{ $request->feedbackTopic->type }}</dd>
                                </dl>
                            </div>
                            @if ($request->status === 'REQUESTED')
                                <a href="javascript:void(0);" class="btn-go disabled">답변대기</a>
                            @else
                                <a href="{{ route('classroom.feedback-view', ['service' => $service, 'request_id' => $request->id]) }}" class="btn-go">첨삭보기</a>
                            @endif
                        </li>
                    @endforeach
            @endif
            </ul>
        </div>
    </div>
@endsection

@section($service.'-script')
    <script>
        $(document).ready(function () {

        });
    </script>
@endsection