@extends('layouts.vitrine')

@section('titre', "Salle d'attente")

@section('contenu')
    <meta http-equiv="refresh" content="10">
    <div class="mx-auto max-w-4xl px-5 py-14 lg:px-10">
        <p class="font-mono text-sm font-semibold">{{ $seance->classe->nom }} · {{ $seance->lab->titre }}</p>
        <h1 class="mt-1 text-4xl font-extrabold tracking-tight">Salle d'attente</h1>
        <p class="mt-2 font-semibold">La page se rafraîchit toutes les 10 secondes.</p>

        @if ($seance->labSessions->isEmpty())
            <p class="mt-8 font-semibold">Personne n'a encore rejoint la séance.</p>
        @else
            <ul class="mt-8 grid gap-3">
                @foreach ($seance->labSessions as $labSession)
                    <li class="flex items-center justify-between gap-4 border border-[#e3e5e8] rounded-2xl bg-white p-4">
                        <span class="font-extrabold">{{ $labSession->eleve->nomAffiche() }}</span>
                        @if ($labSession->etat === \App\Models\LabSession::EN_ATTENTE)
                            <form action="{{ route('seances.admettre', [$seance, $labSession]) }}" method="post">
                                @csrf
                                <button type="submit" class="inline-flex h-10 items-center rounded-full bg-[#0b57d0] px-4 font-bold text-white">Admettre</button>
                            </form>
                        @else
                            <span class="flex items-center gap-3">
                                <span class="rounded-lg border border-[#dadce0] bg-[#e6f4ea] px-3 py-1 font-mono text-sm font-bold">Admis</span>
                                @if ($labSession->machines->isNotEmpty())
                                    <a href="{{ route('seances.console.prof.page', [$seance, $labSession]) }}" class="font-bold underline underline-offset-4">Voir sa console</a>
                                @endif
                            </span>
                        @endif
                    </li>
                @endforeach
            </ul>
        @endif
    </div>
@endsection