@php
    $type = isset($type) ? $type : 'ongoing';
    $messages = [
        'ongoing' => "수강중인 강의가 없습니다.",
        "finished" => "종료된 강의가 없습니다."
    ];
@endphp

@if ( $enrollments->isNotEmpty() )
    <div class="list-group course {{  $type }}">

        @foreach ( $enrollments as $enrollment )
            @php
                $startedAt = Carbon::parse($enrollment->started_at)->format('Y.m.d');
                $endedAt = Carbon::parse($enrollment->ended_at)->format('Y.m.d');
                $remainingDays = Carbon::now()->diffInDays(Carbon::parse($enrollment->ended_at), false);
            @endphp
            <div class="list-item">
                <div class="list-header">
                    <div class="list-image">
                        <img src="{{ $enrollment->product->thumbnail }}" alt="{{ $enrollment->id }}" />
                    </div>
                    <div class="list-title">
                        <div class="tag-wrap">
                            <span class="tag module">{{ ucfirst($enrollment->module) }}</span>
                            @if ( $type == 'ongoing')
                                @if ($enrollment->product->is_extensible)
                                    <span class="tag">무료연장</span>
                                @endif
                                <span class="tag">진도율 {{ round($enrollment->progress_rate) ?? 0 }}%</span>
                            @else
                                @if($enrollment->status == 'PAUSED')
                                    <span class="tag">휴강중</span>
                                @endif
                            @endif
                        </div>
                        <div class="name">{{ $enrollment->product->name }}</div>
                        <div class="desc"> {{ $enrollment->productOption?->name }}</div>
                    </div>
                </div>
                <div class="list-contents">
                    <div class="info-group">
                        <div class="info-box">
                            <div class="info-title">수강기간</div>
                            <div class="info-desc">
                                <strong>{{ $startedAt }} ~ {{ $endedAt }}
                                        &nbsp;&nbsp;({{ $remainingDays > 0 ? $remainingDays . "일 남음" : "종료됨" }})</strong>
                            </div>
                        </div>
                    </div>
                </div>


                @if ( $type == 'ongoing')
                    <div class="list-action sub-action">
                        @if ($enrollment->product->is_pausable)
                            @php
                                $pausable = $enrollment->is_pause;
                            @endphp
                            @if ( $pausable['status'] )
                                <a href="{{ route('classroom.pause', ['service' => 'ielts', 'enrollment_id' => $enrollment->id]) }}" class="btn-default">휴강신청</a>
                            @else
                                @if ( ! empty($pausable['message']) )
                                    <a href="javascript:alertPopup('{{ $pausable['message'] }}')" class="btn-default">휴강신청</a>
                                @endif
                            @endif
                        @endif

                        @if ($enrollment->is_refundable)
                            <a href="javascript:getAttendancePopup({{ $enrollment->id }}, 'popup-form')" class="btn-default">출석확인</a>
                        @endif

                        <a href="{{ route('class.index', ['service' => 'ielts']) }}" class="btn-default">수강후기 작성</a>
                    </div>
                    <div class="list-action">
                        @if ($enrollment->status == 'READY')
                            <a href="{{ route('classroom.course', ['service' => 'ielts', 'enrollment_id' => $enrollment->id]) }}"
                                class="btn-submit confirm">강의실 입장</a>
                        @else
                            <a href="{{ route('classroom.course', ['service' => 'ielts', 'enrollment_id' => $enrollment->id]) }}"
                                class="btn-submit">강의실 입장</a>
                        @endif
                    </div>
                @else
                    <div class="list-action sub-action">
                        @if ($enrollment->ended_at > now() && $enrollment->status == 'PAUSED')
                            <a href="{{ route('classroom.pause', ['service' => 'ielts']) }}#history">휴강해제</a>
                        @endif
                        @if ($enrollment->is_refundable)
                            <a href="javascript:getAttendancePopup({{ $enrollment->id }}, 'popup-form')" class="btn-default">출석확인</a>
                        @endif
                        <a href="{{ route('class.index', ['service' => 'ielts']) }}" class="btn-default">수강후기 작성</a>
                    </div>
                @endif
            </div>
        @endforeach

    </div>

@else
    <div class="no-data">{{ $messages[$type] }}</div>
@endif