@extends('layout')
@section('title', 'Annuaire de la famille Letzelter')
@section('robots', 'noindex, nofollow')

@section('content')
    <section class="hero compact">
        <div class="wrap">
            <p class="eyebrow">Espace famille</p>
            <h1>L'annuaire</h1>
            <p class="lead">
                Les membres de la famille qui ont choisi d'y figurer, branche par branche.
                Chacun décide de ce qu'il partage.
                @if ($maFiche)
                    <a href="{{ route('annuaire.mafiche') }}">Ma fiche →</a>
                @endif
            </p>
        </div>
    </section>

    <section class="wrap member-body">
        <form method="get" action="{{ route('annuaire.index') }}" class="stack" style="max-width:420px">
            <label>Rechercher quelqu'un
                <input type="search" name="q" value="{{ $q }}" placeholder="Nom ou prénom">
            </label>
        </form>

        @forelse ($groupes as $titre => $fiches)
            <h2 class="section-title">{{ $titre }}</h2>
            <div class="children-row" style="justify-content:flex-start">
                @foreach ($fiches as $p)
                    @php
                        $infos = [];
                        if ($p->show_adresse && filled($p->adresse))     $infos[] = str_replace("\n", ', ', trim($p->adresse));
                        if ($p->show_telephone && filled($p->telephone)) $infos[] = $p->telephone;
                        if ($p->show_email && filled($p->email_affiche)) $infos[] = $p->email_affiche;
                        foreach ($p->links as $l) { $infos[] = $l->reseauLibelle(); }
                    @endphp
                    <a class="child-chip" href="{{ route('annuaire.fiche', $p) }}"
                       @if($infos) data-bulle="{{ implode(' · ', $infos) }}" @endif>{{ $p->displayName() }}</a>
                @endforeach
            </div>
        @empty
            <p class="empty-note">
                Personne n'apparaît encore dans l'annuaire.
                @if ($maFiche)
                    Vous pouvez être le premier : complétez <a href="{{ route('annuaire.mafiche') }}">votre fiche</a>
                    et cochez « apparaître dans l'annuaire ».
                @endif
            </p>
        @endforelse

        <section class="back-row">
            <a href="{{ route('descendance') }}" class="back-link">← L'arbre de la famille</a>
        </section>
    </section>
@endsection