@extends('layout.layout')

@section('content')
    @include('components.alert')

    @php
        $scheduled = $session->staffScheduled;
        $teacher = sessionTeacher($session, $scheduled);
        $manager = $teacher->manager ?? null;
        $teacherName = staffDisplayName($teacher);
        $managerName = staffDisplayName($manager);
        $trackOrProduct = $scheduled->schedule_type === 'track' ? ($scheduled->track->name_en ?? 'N/A') : ($scheduled->academyProduct->name_en ?? 'N/A');
        $levelLabel = $scheduled->trackLevel->name_en ?? '-';
        $groupLabel = $scheduled->trackType->name ?? 'N/A';
    @endphp

    <div class="container-fluid app-bg">
        <div class="page-shell">
            <div class="d-flex flex-column gap-4">

                <x-page-title
                    title="Sub Sessions"
                    description="All sub sessions linked to Session #{{ $session->session_number }} on {{ $session->session_date }}"
                >
                    <a href="{{ route('sessions') }}" class="asset-btn asset-btn--secondary">
                        Back to Sessions
                    </a>
                </x-page-title>

                {{-- Session Info Card --}}
                <div class="ui-card p-3">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <p class="mb-1 ui-muted small">Session</p>
                            <span class="ui-pill ui-pill--neutral">Session {{ $session->session_number }}</span>
                        </div>
                        <div class="col-md-3">
                            <p class="mb-1 ui-muted small">Date</p>
                            <span class="ui-pill ui-pill--neutral">{{ $session->session_date }}</span>
                        </div>
                        <div class="col-md-3">
                            <p class="mb-1 ui-muted small">Time</p>
                            <span class="ui-pill ui-pill--neutral">{{ \Carbon\Carbon::parse($session->start_time)->format('h:i A') }}</span>
                        </div>
                        <div class="col-md-3">
                            <p class="mb-1 ui-muted small">Program / Product</p>
                            <span class="ui-pill ui-pill--info">{{ $trackOrProduct }}</span>
                        </div>
                        <div class="col-md-3">
                            <p class="mb-1 ui-muted small">Level</p>
                            <span>{{ $levelLabel }}</span>
                        </div>
                        <div class="col-md-3">
                            <p class="mb-1 ui-muted small">Group / Private</p>
                            <span>{{ $groupLabel }}</span>
                        </div>
                        <div class="col-md-3">
                            <p class="mb-1 ui-muted small">Teacher</p>
                            <a href="{{ config('app.HR_URL') . 'staffs/' . ($teacher->id ?? '#') }}" class="text-decoration-none">{{ $teacherName }}</a>
                        </div>
                        <div class="col-md-3">
                            <p class="mb-1 ui-muted small">Supervisor</p>
                            <a href="{{ config('app.HR_URL') . 'staffs/' . ($teacher->manager_id ?? '#') }}" class="text-decoration-none">{{ $managerName }}</a>
                        </div>
                        <div class="col-md-12">
                            <p class="mb-1 ui-muted small">Students</p>
                            <div class="d-flex flex-wrap gap-2">
                                @foreach ($scheduled->courseStudent as $cs)
                                    <a href="{{ route('students.show', $cs->student_id) }}" target="_blank" class="ui-pill ui-pill--neutral text-decoration-none">
                                        {{ $cs->student->first_name }} {{ $cs->student->last_name }}
                                    </a>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Sub Sessions Table --}}
                <div class="ui-card ui-card--table">
                    <div class="ui-card__header">
                        <div class="d-flex align-items-center gap-3 flex-wrap">
                            <div style="margin-right: auto;">
                                <h6 class="mb-0 ui-title">Sub Sessions</h6>
                                <p class="mb-0 ui-muted">All sub sessions linked to this session.</p>
                            </div>
                            <span class="ui-pill ui-pill--warn">Count: {{ $session->subSessions->count() }}</span>
                        </div>
                    </div>

                    @php
                        $subSessionsPaginator = new \Illuminate\Pagination\LengthAwarePaginator(
                            $session->subSessions,
                            $session->subSessions->count(),
                            max($session->subSessions->count(), 1),
                            1
                        );
                    @endphp

                    <x-table
                        :headers="['ID', 'Type', 'Status', 'Start', 'End', 'Duration', 'Students', 'Notes', 'Created At']"
                        :paginator="$subSessionsPaginator"
                        emptyMessage="No sub sessions found for this session."
                    >
                        @foreach ($session->subSessions as $subSession)
                            @php
                                $typeLabel = match ($subSession->type) {
                                    'extra_session' => 'Extra Session',
                                    'gift_call'     => 'Gift Call',
                                    'cover_up'      => 'Cover Up',
                                    default         => $subSession->type,
                                };
                                $typePill = match ($subSession->type) {
                                    'extra_session' => 'info',
                                    'gift_call'     => 'primary',
                                    'cover_up'      => 'success',
                                    default         => 'neutral',
                                };
                                $statusPill = match ($subSession->status) {
                                    'scheduled'  => 'info',
                                    'completed'  => 'success',
                                    'cancelled'  => 'danger',
                                    default      => 'neutral',
                                };
                                $subStudentIds = is_array($subSession->student_ids) ? $subSession->student_ids : [];
                            @endphp
                            <tr>
                                <td class="ui-id text-center">{{ $subSession->id }}</td>
                                <td class="text-center">
                                    <span class="ui-pill ui-pill--{{ $typePill }}">{{ $typeLabel }}</span>
                                </td>
                                <td class="text-center">
                                    <span class="ui-pill ui-pill--{{ $statusPill }}">{{ ucfirst($subSession->status ?? 'N/A') }}</span>
                                </td>
                                <td class="text-center">
                                    {{ $subSession->start_at ? \Carbon\Carbon::parse($subSession->start_at)->format('d M Y h:i A') : 'N/A' }}
                                </td>
                                <td class="text-center">
                                    {{ $subSession->end_at ? \Carbon\Carbon::parse($subSession->end_at)->format('d M Y h:i A') : 'N/A' }}
                                </td>
                                <td class="text-center">{{ $subSession->duration_minutes ?? 'N/A' }} mins</td>
                                <td class="text-center">
                                    @if (count($subStudentIds) > 0)
                                        <div class="d-flex flex-column gap-1">
                                            @foreach ($subStudentIds as $sid)
                                                @if (isset($students[$sid]))
                                                    <a href="{{ route('students.show', $sid) }}" target="_blank" class="text-decoration-none">
                                                        {{ $students[$sid]->first_name }} {{ $students[$sid]->last_name }}
                                                    </a>
                                                @endif
                                            @endforeach
                                        </div>
                                    @else
                                        <span class="ui-muted">N/A</span>
                                    @endif
                                </td>
                                <td class="text-center">{{ $subSession->notes ?? 'N/A' }}</td>
                                <td class="text-center">
                                    <span class="ui-pill ui-pill--neutral">
                                        {{ $subSession->created_at ? \Carbon\Carbon::parse($subSession->created_at)->format('d M Y h:i A') : 'N/A' }}
                                    </span>
                                </td>
                            </tr>
                        @endforeach
                    </x-table>
                </div>

            </div>
        </div>
    </div>
@endsection