@extends('layout')
@section('title', 'Annuaire - administration')
@section('robots', 'noindex, nofollow')

@section('content')
    <section class="wrap space-head">
        <p class="eyebrow">Administration</p>
        <h1>Inviter la famille</h1>
        <p class="muted">
            Créez le compte, puis transmettez vous-même le lien à la personne.
            Elle choisira son mot de passe et remplira sa fiche elle-même.
        </p>
    </section>

    @if (session('lien_invitation'))
        <section class="wrap">
            <div class="panel">
                <h2>Lien pour {{ session('lien_pour') }}</h2>
                <p class="muted">Valable 7 jours, à usage unique. Copiez-le et envoyez-le par message ou par courriel.</p>
                <textarea rows="3" readonly onclick="this.select()"
                          style="width:100%; font-size:.85rem">{{ session('lien_invitation') }}</textarea>
            </div>
        </section>
    @endif

    <section class="wrap edit-grid">
        <div class="panel">
            <h2>Nouvelle invitation</h2>
            <form method="post" action="{{ route('admin.annuaire.inviter') }}" class="stack">
                @csrf
                <label>Personne de l'arbre
                    <select name="individual_id">
                        <option value="">hors arbre, saisir le nom ci-dessous</option>
                        @foreach ($candidats as $c)
                            <option value="{{ $c->id }}">{{ trim($c->prenom.' '.$c->nom) }}</option>
                        @endforeach
                    </select>
                </label>
                <label>Nom (si la personne n'est pas dans l'arbre)
                    <input type="text" name="name" maxlength="190" value="{{ old('name') }}">
                </label>
                <label>Adresse électronique
                    <input type="email" name="email" maxlength="190" required value="{{ old('email') }}">
                </label>
                <label class="inline-check">
                    <input type="checkbox" name="majeur" value="1" required>
                    Je confirme que cette personne est majeure
                </label>
                <button type="submit" class="btn">Créer le compte et générer le lien</button>
            </form>
            @error('individual_id')<p class="empty-note">{{ $message }}</p>@enderror
            @error('email')<p class="empty-note">{{ $message }}</p>@enderror
        </div>

        <div class="panel">
            <h2>Comptes de l'annuaire</h2>
            @forelse ($profiles as $p)
                @php $u = $p->user; @endphp
                <div class="profile-row filled" style="display:flex; justify-content:space-between; gap:10px; align-items:center; flex-wrap:wrap">
                    <span>
                        <strong>{{ $p->displayName() }}</strong><br>
                        <span class="muted" style="font-size:.85rem">
                            {{ $u?->email }} ·
                            @if (! $u?->password_set_at)
                                invité, mot de passe non défini
                            @elseif ($u->last_login_at)
                                dernière visite le {{ $u->last_login_at->translatedFormat('j F Y') }}
                            @else
                                actif
                            @endif
                            @if ($p->consent_at) · charte acceptée @endif
                            @if ($p->is_listed) · dans l'annuaire @endif
                        </span>
                    </span>
                    <form method="post" action="{{ route('admin.annuaire.regenerer', $u) }}">
                        @csrf
                        <button type="submit" class="btn small">Nouveau lien</button>
                    </form>
                </div>
            @empty
                <p class="empty-note">Aucun compte pour l'instant.</p>
            @endforelse
        </div>
    </section>
@endsection