@php
    $service = 'academy';
@endphp
@extends("modular.classroom.desktop.layouts.layout-default")


@section("classroom-css")
    {!! resource('css/common/nice-select.css') !!}
    {!! resource('js/common/jquery.nice-select.js') !!}
@endsection


@section("classroom-contents")
<div class="row">
    <div class="column c100p">
        <div class="card my-class-sub">
            <div class="popupArea" id="popup-form"> </div>


            <select class="select-option" onchange="alterOption(this)">
                <option value="">수강옵션 선택</option>
                @foreach($enrollments as $e)
                    <option value="{{ $e?->id }}">{{ $e->product?->name }} {{ $e->productOption?->name }}</option>
                @endforeach
            </select>

            <h5 class="option-title mt32">
                {{ $enrollment->module ? '('.ucfirst($enrollment->module).')'  : ''}} {{ $enrollment->product?->name }} {{ $enrollment->productOption?->name }}
            </h5>

            <div class="option-cont">
                @php
                    $enrollmentCourses = $enrollment->getEnrollmentCourses();
                @endphp
                <div class="option-info">
                    <strong>
                        강의목록
                        <span class="point-color">총 {{ sizeof($enrollmentCourses) }}강</span>
                    </strong>
                </div>

                @if ( sizeof($enrollmentCourses) == 0 )
                    <div class="noData"><div class="flex"><p>수강가능한 강의가 없습니다.</p></div></div>
                @else
                    <div class="option-wrap" 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>

                                @php
                                    $enrollmentCourseLectures = $course->getEnrollmentCourseLectures($service);
                                @endphp
                                <ul class="option-list">
                                    @foreach ($enrollmentCourseLectures as $enrolledLecture)
                                        @include("classroom.".$service.".partials.lecture")
                                    @endforeach
                                </ul>
                            </div>
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
        </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