@php
    $service = 'academy'
@endphp

@extends("modular.classroom.mobile.layouts.layout-default")


@section("classroom-css")
    {!! resource('css/components/calendar.css') !!}
@endsection


@section("classroom-contents")
<div class="container_m">

        <div id="nav">
            <a href="javascript:void(0);" onclick="history.back()" class="ico-back">뒤로가기</a>
            <h2>강의수강</h2>
        </div>

        @php
            $enrollmentCourses = $enrollment->getEnrollmentCourses();
        @endphp

        <div id="container">
            <h2 class="ico-list">
                수강목록
            </h2>
            <div class="course-header">
                <div class="lecture-title">
                    {{ $enrollment->module ? '('.ucfirst($enrollment->module).')'  : ''}} {{ $enrollment->product?->name }} {{ $enrollment->productOption?->name }}
                </div>
                <div class="option-info">
                    <span>
                        총 <strong>{{ sizeof($enrollmentCourses) }}</strong>
                    </span>
                </div>
            </div>

            <div id="option-wrap">
                @foreach ($enrollmentCourses as $course)
                    <div class="option-list-wrap">
                        <div class="option-list-title">
                            <strong>{{ $course->name }}</strong>
                            <i class="ico-option-arrow"></i>
                        </div>

                        <ul class="option-list">

                            @php
                                $enrollmentCourseLectures = $course->getEnrollmentCourseLectures($service);
                            @endphp
                            @if ($enrollmentCourseLectures->isNotEmpty() )
                                @foreach ($enrollmentCourseLectures as $enrolledLecture)
                                    @if(is_null($enrolledLecture?->video)) @continue @endif
                                    @include("modular.classroom.components.mobile.academy.lecture")
                                @endforeach
                            @else
                                <li class="noData">
                                    <p>수강가능한 강의가 없습니다.</p>
                                </li>
                            @endif
                        </ul>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection


@section("classroom-script")
{!! resource('js/ielts/my_class.js') !!}
    {!! resource('js/classroom/course.js') !!}

    <script>
        setConfigs({
            'subjectTeachers' : @json($subjectTeachers),
            'teachers' : @json($teachers),
            'service' : '{{ $service }}',
            'id' : '{{ $enrollment->id }}',
        })
    </script>
@endsection