@extends('layouts.teacher')

@section('title', $title.' · '.config('brand.name'))

@section('content')
    <div class="content">
        <x-admin.page-header kicker="Live Classes" :title="$title" meta="Start Class opens the MyEdCamp Zoom classroom. Students can join only after you start. The join link is never shown." />

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

        @if ($sessions->isEmpty())
            <div class="card mec-panel">
                <div class="card-body">
                    <p class="mec-empty mb-0">
                        @if ($section === 'now')
                            No live class is in progress. Start Class first. Enter class appears here after the lesson is live.
                        @elseif ($section === 'upcoming')
                            No upcoming live sessions are assigned to you yet. Super Admin schedules the class time and assigns you as the teacher.
                        @else
                            No lessons to start today. Assigned classes for later appear under Upcoming Live Lessons, and each has Start Class.
                        @endif
                    </p>
                </div>
            </div>
        @else
            <div class="card mec-panel">
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Subject</th>
                                <th>When</th>
                                <th>Type</th>
                                <th>Audience</th>
                                <th>Status</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($sessions as $session)
                                <tr>
                                    <td>
                                        <strong>{{ $session->displayTitle() }}</strong>
                                    </td>
                                    <td>{{ $session->starts_at?->timezone('Africa/Accra')->format('D j M · g:i A') }}</td>
                                    <td>{{ $session->delivery_method?->label() }}</td>
                                    <td>{{ $session->audienceLabel() }}</td>
                                    <td>
                                        {{ $session->status?->label() }}
                                        @if ($session->usesZoom())
                                            <span class="mec-badge mec-badge-navy fs-10 ms-1">Zoom</span>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        @include('teacher.lessons.row-actions', ['item' => $session])
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
@endsection