@php
    use Carbon\Carbon;
@endphp
<div class="row">
    <div class="col-12">
        <div class="card mb-0">
            <div class="px-4 py-3 border-bottom">
                <h5 class="card-title fw-semibold mb-0 lh-sm">Enrollment History</h5>
            </div>
            <div class="card-body table-responsive overflow-auto">
                <table id="datatable" class="table border table-bordered display table-responsive">
                    <thead class="text-center">
                        <tr>
                            <th scope="col">SL</th>
                            <th scope="col">Course Info</th>
                            <th scope="col">Class</th>
                            <th scope="col">History</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($enrollments as $key => $enrollment)
                            <tr>
                                @php
                                    $enrollmentClassRowSpan = count($enrollment->enrollment_classes) + 1;
                                    foreach($enrollment->enrollment_classes as $enrollment_class) {
                                        $enrollmentClassRowSpan += count($enrollment_class->enrollment_class_histories);
                                    }
                                @endphp
                                <td rowspan="{{ $enrollmentClassRowSpan }}" style="align-content: center">{{ ++$key  }}</td>
                                <td rowspan="{{ $enrollmentClassRowSpan }}" style="align-content: center">
                                    <p>Course: {{ $enrollment->course?->name }}</p>
                                    <p>Track: {{ $enrollment->track?->title }} (T{{ $enrollment->track?->track_num }})</p>
                                    <p>Level: {{ $enrollment->level?->title }} (L{{ $enrollment->level?->level_num }})</p>
                                </td>
                                @foreach($enrollment->enrollment_classes as $enrollment_class)
                                    <tr>
                                        <td rowspan="{{ count($enrollment_class->enrollment_class_histories) + 1 }}"
                                            style="align-content: center">
                                            <p>{{ $enrollment_class->class?->name }}</p>
                                            <small>{{ $enrollment_class->class?->class_schedule_info }}</small>
                                        </td>
                                        @forelse($enrollment_class->enrollment_class_histories as $enrollment_class_history)
                                            <tr>
                                                <td style="align-content: center">
                                                    <p>
                                                        Status: {{ $enrollment_class_history->status_value }}
                                                    </p>
                                                    <p>
                                                        Status Updated At: {{ Carbon::parse($enrollment_class_history->status_updated_at)->timeZone('Asia/Dhaka')->toDayDateTimeString() }}
                                                    </p>
                                                    <p>
                                                        Status Updated By: {{ $enrollment_class_history->status_updated_user?->name }}
                                                    </p>
                                                </td>
                                            </tr>
                                        @empty
                                            <td class="align-content-center text-center text-danger">N/A</td>
                                        @endforelse
                                    </tr>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card  mt-3">
            <div class="card-body p-3">
                <a class="btn btn-light float-start" href="{{ route('students.index') }}">Back</a>
            </div>
        </div>
    </div>
</div>