@extends('layouts.app')

@section('titre', 'Aide et assistance')

@section('contenu')
    <div class="mx-auto max-w-2xl px-5 py-10">
        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Aide et assistance</h1>

        <div class="mt-6 grid gap-5">
            @if ($estProf)
                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Créer une classe et ajouter des élèves</h2>
                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Depuis « Mes classes », crée une classe puis ajoute des élèves un par un, en lot avec un fichier CSV, ou laisse-les rejoindre avec le code de la classe.</p>
                </section>
                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Lancer un lab</h2>
                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Ouvre une classe, planifie une séance et admets les élèves en salle d'attente : chacun reçoit sa machine virtuelle.</p>
                </section>
            @else
                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Rejoindre une séance</h2>
                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Quand ton prof ouvre une séance, elle apparaît dans « Emploi du temps » et dans « Mes devoirs ». Clique sur « Rejoindre la séance » pour obtenir ta machine virtuelle.</p>
                </section>
                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Perdre son identifiant ou son code</h2>
                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Ton prof peut te régénérer une fiche de connexion depuis sa page « Mes classes ».</p>
                </section>
            @endif
            <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
                <h2 class="font-extrabold" style="color:var(--sy-ink)">Autre chose ?</h2>
                <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Utilise « Signaler un problème » dans le menu du profil, en haut à droite.</p>
            </section>
        </div>
    </div>
@endsection