@extends('layouts.app')

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

@section('contenu')
    <div class="mx-auto max-w-3xl px-5 py-10">
        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Mes fichiers</h1>
        <p class="mt-3 font-semibold" style="color:var(--sy-muted)">
            Un dossier personnel, à toi seul, que tu peux ouvrir comme un lecteur réseau depuis ton ordinateur — pas besoin de passer par le site pour y déposer ou récupérer un fichier.
        </p>

        <section class="mt-8 rounded-2xl border p-6" style="border-color:var(--sy-line);background:var(--sy-surface)">
            <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">Adresse à utiliser</h2>
            <p class="mt-3 rounded-xl border px-4 py-3 font-mono text-sm font-semibold" style="border-color:var(--sy-line);background:var(--sy-bg);color:var(--sy-ink)">{{ $urlWebdav }}</p>
            <p class="mt-3 font-semibold" style="color:var(--sy-muted)">
                Identifiant et code secret : les mêmes que pour te connecter ({{ $eleve->identifiant }}).
            </p>
        </section>

        <section class="mt-6 rounded-2xl border p-6" style="border-color:var(--sy-line);background:var(--sy-surface)">
            <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">Comment monter le lecteur</h2>
            <dl class="mt-4 grid gap-4">
                <div>
                    <dt class="font-bold" style="color:var(--sy-ink)">Windows</dt>
                    <dd class="mt-1 font-semibold" style="color:var(--sy-muted)">Explorateur de fichiers → « Ce PC » → « Ajouter un lecteur réseau » → coller l'adresse ci-dessus.</dd>
                </div>
                <div>
                    <dt class="font-bold" style="color:var(--sy-ink)">macOS</dt>
                    <dd class="mt-1 font-semibold" style="color:var(--sy-muted)">Finder → menu « Aller » → « Se connecter au serveur… » → coller l'adresse ci-dessus.</dd>
                </div>
                <div>
                    <dt class="font-bold" style="color:var(--sy-ink)">Linux</dt>
                    <dd class="mt-1 font-semibold" style="color:var(--sy-muted)">Gestionnaire de fichiers → « Se connecter à un serveur » → type WebDAV (davs) → coller l'adresse ci-dessus.</dd>
                </div>
            </dl>
        </section>
    </div>
@endsection