@extends('layout')
@section('title', 'Bienvenue dans l\'espace famille')
@section('robots', 'noindex, nofollow')

@section('content')
    <section class="wrap space-head">
        <p class="eyebrow">Espace famille</p>
        <h1>Avant de commencer</h1>
        <p class="muted">Bonjour {{ $profile->displayName() }}, voici comment fonctionne l'annuaire de la famille.</p>
    </section>

    <section class="wrap edit-grid">
        <div class="panel">
            <h2>Ce que vous partagez, et avec qui</h2>
            <ul class="famille-histoire" style="line-height:1.7">
                <li><strong>Vous seul remplissez votre fiche.</strong> Personne d'autre, pas même l'administrateur du site, ne peut saisir votre adresse, votre téléphone ou vos réseaux sociaux à votre place.</li>
                <li><strong>Rien n'est visible par défaut.</strong> Chaque information porte sa propre case « visible par la famille ». Tant qu'elle n'est pas cochée, vous êtes le seul à voir ce champ.</li>
                <li><strong>Seuls les membres connectés</strong> à leur propre compte voient l'annuaire. Le code d'accès du site, lui, n'ouvre que l'album et la généalogie.</li>
                <li><strong>Vos photos ne circulent pas.</strong> Elles sont stockées hors du site public et ne s'affichent qu'aux membres connectés.</li>
                <li><strong>Vous pouvez tout effacer</strong> à n'importe quel moment, d'un seul geste, depuis votre fiche : compte, coordonnées et photos disparaissent définitivement.</li>
            </ul>
            <p class="muted" style="margin-top:14px">
                Le détail figure dans la <a href="{{ route('confidentialite') }}" target="_blank">politique de confidentialité</a>.
            </p>
        </div>

        <div class="panel">
            <h2>Votre choix</h2>
            <p class="muted">Acceptez pour créer votre fiche, ou refusez : votre compte et vos données seront alors supprimés immédiatement.</p>
            <form method="post" action="{{ route('annuaire.charte.accepter') }}" class="stack" style="margin-top:14px">
                @csrf
                <button type="submit" class="btn">J'accepte, créer ma fiche</button>
            </form>
            <form method="post" action="{{ route('annuaire.charte.refuser') }}" class="stack" style="margin-top:10px"
                  onsubmit="return confirm('Vous ne figurerez pas à l\'annuaire. Votre compte reste ouvert. Confirmer ?');">
                @csrf
                <button type="submit" class="link-btn">Je préfère ne pas figurer à l'annuaire</button>
            </form>
        </div>
    </section>
@endsection