@extends('layouts.vitrine')

@section('titre', 'Informations légales')

{{-- Étape 14 : réécrite pour ne décrire que ce qui existe réellement. La
     confidentialité, les cookies et la sous-traitance sont sur /confidentialite. --}}
@section('contenu')
    <section class="border-b border-[#e3e5e8] bg-white">
        <div class="mx-auto max-w-7xl px-5 pb-14 pt-14 lg:px-10">
            <p class="inline-block border border-[#dadce0] rounded-lg bg-[#eef0fd] px-3 py-1 text-sm font-bold">Informations légales</p>
            <h1 class="mt-8 max-w-4xl text-6xl font-extrabold leading-[1.05] tracking-tight sm:text-7xl">Le cadre, en clair.</h1>
            <p class="mt-6 font-mono text-sm font-semibold">Dernière mise à jour : 9 octobre 2026</p>
        </div>
    </section>
    <div class="mx-auto grid max-w-7xl gap-10 px-5 py-14 lg:grid-cols-12 lg:px-10">
        <nav class="lg:col-span-3" aria-label="Sommaire">
            <ol class="sticky top-6 grid gap-2 font-extrabold">
                <li><a href="#mentions" class="block border border-[#e3e5e8] rounded-2xl bg-white px-4 py-2">Mentions légales</a></li>
                <li><a href="#cgu" class="block border border-[#e3e5e8] rounded-2xl bg-white px-4 py-2">Conditions d’utilisation</a></li>
                <li><a href="{{ route('confidentialite') }}" class="block border border-[#e3e5e8] rounded-2xl bg-[#e6f4ea] px-4 py-2">Confidentialité et RGPD →</a></li>
            </ol>
        </nav>
        <div class="grid gap-12 lg:col-span-9">

        <section id="mentions" class="scroll-mt-6 border border-[#e3e5e8] rounded-2xl bg-white p-7" aria-labelledby="t-mentions">
            <h2 id="t-mentions" class="text-4xl font-extrabold tracking-tight">Mentions légales</h2>
            <div class="mt-6 grid gap-4 text-lg font-medium leading-relaxed">
                <p><strong>Éditeur :</strong> Adam Belkacemi, entrepreneur individuel (EI), sous le nom commercial Esquisse Formation. SIREN 838 093 268 (SIRET 838 093 268 00087), immatriculé au Registre national des entreprises. Adresse : 30 rue Lorenzaccio, 38100 Grenoble.</p>
                <p><strong>Directeur de la publication :</strong> Adam Belkacemi.</p>
                <p><strong>Contact :</strong> adam@belkacemi.me</p>
                <p><strong>Hébergeur :</strong> SCALEWAY, société par actions simplifiée au capital de 142 050 €, 8 rue de la Ville-l’Évêque, 75008 Paris, RCS Paris 433 115 904. Le service et ses sauvegardes sont hébergés en France, dans des datacenters de Scaleway.</p>
            </div>
        </section>

        <section id="cgu" class="scroll-mt-6 border border-[#e3e5e8] rounded-2xl bg-white p-7" aria-labelledby="t-cgu">
            <h2 id="t-cgu" class="text-4xl font-extrabold tracking-tight">Conditions générales d’utilisation</h2>
            <div class="mt-6 grid gap-4 text-lg font-medium leading-relaxed [&_h3]:mt-4 [&_h3]:text-xl [&_h3]:font-extrabold">
                <h3>1. Objet</h3>
                <p>Syllabus met à disposition des enseignants et de leurs élèves des labs Linux et réseau sur de vraies machines virtuelles, ouvertes dans le navigateur et vérifiées automatiquement. Certaines pages du site présentent des fonctions en préparation : elles sont signalées comme des aperçus et leurs données sont fictives.</p>
                <h3>2. Comptes</h3>
                <p>Les enseignants créent un compte avec leur adresse e-mail et un mot de passe. Les élèves se connectent avec l’identifiant et le code remis par leur enseignant, sans adresse e-mail. Une seule session est ouverte à la fois par compte. Chacun garde ses accès confidentiels.</p>
                <h3>3. Classes et fin d’année</h3>
                <p>L’enseignant archive sa classe en fin d’année. 90 jours plus tard, la classe et toutes les données de ses élèves sont supprimées automatiquement et définitivement. Il peut désarchiver la classe d’ici là.</p>
                <h3>4. Usage acceptable des machines virtuelles</h3>
                <p>Les machines virtuelles servent uniquement à l’apprentissage. Elles n’ont pas accès à Internet ni au serveur qui les héberge. Elles sont supprimées à la fin de la session de lab (45 minutes par défaut). Sont interdits : toute tentative de contourner l’isolement, les quotas ou la vérification automatique.</p>
                <h3>5. Contenus</h3>
                <p>Les conditions de réutilisation des contenus pédagogiques seront précisées ultérieurement. Les travaux des élèves leur appartiennent.</p>
                <h3>6. Disponibilité et responsabilité</h3>
                <p>Syllabus fait ses meilleurs efforts pour assurer la disponibilité du service, sans garantie d’absence d’interruption. L’état du service est public : <a href="{{ route('statut') }}" class="font-bold underline underline-offset-4">page de statut</a>. <mark class="bg-[#fef7e0] px-1 font-bold">[à compléter]</mark></p>
                <h3>7. Droit applicable</h3>
                <p>Les présentes conditions sont soumises au droit français.</p>
            </div>
        </section>

        </div>
    </div>
@endsection