@extends('layouts.teacher')

@section('title', $session->displayTitle().' · Live class')

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="Live Classes"
            :title="$session->displayTitle() ?: 'Live class'"
            :meta="$session->delivery_method?->label().' · '.$session->starts_at?->timezone('Africa/Accra')->format('l j F · g:i A')"
        >
            <x-slot:actions>
                <a href="{{ route('teacher.live.start') }}" class="btn mec-btn-secondary btn-md">Back</a>
            </x-slot:actions>
        </x-admin.page-header>

        @if (session('status'))
            <div class="alert alert-success">{{ session('status') }}</div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger">{{ $errors->first() }}</div>
        @endif

        <div class="card mec-panel">
            <div class="card-body">
                <p><strong>Class:</strong> {{ $session->displayTitle() }}</p>
                <p><strong>Type:</strong> {{ $session->delivery_method?->label() }}</p>
                @if ($session->delivery_method?->value === 'one_to_one')
                    <p><strong>Student:</strong> {{ $session->student?->full_name ?: '1-to-1' }}</p>
                @endif
                <p><strong>Status:</strong> {{ $session->status?->label() }}</p>
                <p><strong>Time:</strong> {{ $session->starts_at?->timezone('Africa/Accra')->format('g:i A') }} – {{ $session->ends_at?->timezone('Africa/Accra')->format('g:i A') }}</p>
                @if ($session->status?->isEnded())
                    <p class="mb-0">This class has ended. Students can no longer join this session.</p>
                @else
                    <p class="text-muted">Start Class is available from the scheduled start time. End Class is available from the scheduled end time. Use Extend if the class needs more time. Students cannot start or end a class.</p>
                    <div class="d-flex flex-wrap gap-2 align-items-center">
                        @include('teacher.live.actions', [
                            'session' => $session,
                            'canJoin' => $canJoin,
                            'canEnd' => $canEnd,
                            'canExtend' => $canExtend ?? false,
                            'startBlockedReason' => $startBlockedReason ?? null,
                            'endBlockedReason' => $endBlockedReason ?? null,
                            'size' => 'btn-md',
                        ])
                    </div>
                @endif
            </div>
        </div>
        @if ($session->report)
            @include('lessons.partials.class-report', ['report' => $session->report, 'audience' => 'teacher'])
        @endif
    </div>
@endsection