@extends('layouts.vitrine')

@section('titre', 'Mes classes')

@section('contenu')
    <div class="mx-auto max-w-5xl px-5 py-14 lg:px-10">
        <h1 class="text-4xl font-extrabold tracking-tight">Mes classes</h1>

        @if (session('session_precedente_fermee'))
            <p class="mt-4 border border-[#e3e5e8] rounded-2xl bg-[#fef7e0] p-4 font-semibold">
                Une session précédente sur ce compte a été fermée : une seule session active à la fois.
            </p>
        @endif

        @if ($classes->isEmpty())
            <p class="mt-6 font-semibold">Aucune classe pour l'instant.</p>
        @else
            <ul class="mt-8 grid gap-4">
                @foreach ($classes as $classe)
                    <li>
                        <a href="{{ route('mes-classes.show', $classe) }}" class="flex flex-wrap items-center justify-between gap-3 border border-[#e3e5e8] rounded-2xl bg-white p-5 hover:bg-[#f8f9fa]">
                            <span>
                                <span class="block text-xl font-extrabold">{{ $classe->nom }}</span>
                                @if ($classe->formation)
                                    <span class="block font-semibold">{{ $classe->formation }}</span>
                                @endif
                            </span>
                            <span class="font-mono text-sm font-semibold">
                                {{ $classe->eleves_count }} élève(s)
                                @if ($classe->estArchivee())
                                    · archivée, supprimée le {{ $classe->supprimeeLe()->timezone(config('app.fuseau_utilisateurs'))->format('d/m/Y') }}
                                @endif
                            </span>
                        </a>
                    </li>
                @endforeach
            </ul>
        @endif
    </div>
@endsection