@extends('layout')
@section('title', $profile->displayName().' - Annuaire de la famille')
@section('robots', 'noindex, nofollow')

@section('content')
    <section class="hero compact">
        <div class="wrap pf-hero">
            <div class="pf-portrait">
                @if ($profile->avatar_path)
                    <img src="{{ route('media.avatar', $profile) }}" alt="{{ $profile->displayName() }}">
                @else
                    <span class="pf-initiale">{{ \Illuminate\Support\Str::upper(\Illuminate\Support\Str::substr($profile->displayName(), 0, 1)) }}</span>
                @endif
            </div>
            <div class="pf-hero-txt">
                <p class="eyebrow">
                    Annuaire de la famille
                    @if ($profile->brancheFondateur)
                        · branche {{ trim($profile->brancheFondateur->prenom.' '.$profile->brancheFondateur->nom) }}
                    @endif
                </p>
                <h1>{{ $profile->displayName() }}</h1>
                @if (filled($profile->bio))
                    <p class="lead">{{ $profile->bio }}</p>
                @endif
                <p style="margin-top:10px; display:flex; gap:10px; flex-wrap:wrap">
                    @if ($profile->individual)
                        <a class="btn small" href="{{ route('personne', $profile->individual) }}">Sa place dans l'arbre →</a>
                    @endif
                    @if ($estMienne)
                        <a class="btn small" href="{{ route('annuaire.mafiche') }}">Modifier ma fiche</a>
                    @endif
                </p>
            </div>
        </div>
    </section>

    <section class="wrap pf-body">
        <div class="pf-couple">
            {{-- Coordonnées partagées --}}
            <article class="pf-card pf-card--main">
                <h2 class="pf-nom">Pour la joindre ou le joindre</h2>
                @php
                    $rows = [];
                    if ($profile->show_adresse && filled($profile->adresse))     $rows['Adresse']   = $profile->adresse;
                    if ($profile->show_telephone && filled($profile->telephone)) $rows['Téléphone'] = $profile->telephone;
                    if ($profile->show_email && filled($profile->email_affiche)) $rows['Courriel']  = $profile->email_affiche;
                @endphp
                <dl class="pf-fields">
                    @forelse ($rows as $k => $v)
                        <div class="pf-row">
                            <dt>{{ $k }}</dt>
                            <dd>
                                @if ($k === 'Téléphone')
                                    <a href="tel:{{ preg_replace('/[^0-9+]/', '', $v) }}">{{ $v }}</a>
                                @elseif ($k === 'Courriel')
                                    <a href="mailto:{{ $v }}">{{ $v }}</a>
                                @else
                                    {!! nl2br(e($v)) !!}
                                @endif
                            </dd>
                        </div>
                    @empty
                        <div class="pf-row">
                            <dd class="pf-empty">
                                @if ($estMienne)
                                    Vous n'avez encore partagé aucune coordonnée.
                                @else
                                    Cette personne n'a pas souhaité partager ses coordonnées.
                                @endif
                            </dd>
                        </div>
                    @endforelse
                </dl>
            </article>

            {{-- Réseaux --}}
            <article class="pf-card pf-card--spouse">
                <p class="pf-union-label">Où la retrouver en ligne</p>
                @if ($profile->links->count())
                    <div class="reseaux">
                        @foreach ($profile->links as $l)
                            <a class="reseau" href="{{ $l->url }}" target="_blank" rel="noopener noreferrer"
                               style="--marque: {{ $l->couleur() }}">
                                <span class="reseau-pastille" aria-hidden="true"></span>
                                <span class="reseau-txt">
                                    <strong>{{ $l->reseauLibelle() }}</strong>
                                    @if ($l->identifiant())<span class="reseau-id">{{ $l->identifiant() }}</span>@endif
                                </span>
                                <span class="reseau-go" aria-hidden="true">↗</span>
                            </a>
                        @endforeach
                    </div>
                @else
                    <p class="empty-note" style="margin:0">Aucun réseau renseigné.</p>
                @endif
            </article>
        </div>

        {{-- Album personnel --}}
        @if ($profile->photos->count())
            <h2 class="section-title">Ses photos</h2>
            @foreach ($profile->photos->groupBy('annee') as $annee => $photos)
                @if ($profile->photos->whereNotNull('annee')->count())
                    <h3 class="pf-decennie">{{ $annee ?: 'Sans date' }}</h3>
                @endif
                <div class="gallery" data-lightbox>
                    @foreach ($photos as $ph)
                        <a href="{{ route('media.photo', $ph) }}" class="shot" @if($ph->caption) data-caption="{{ $ph->caption }}" @endif>
                            <img loading="lazy" src="{{ route('media.photo', $ph) }}" alt="{{ $ph->caption ?: $profile->displayName() }}">
                        </a>
                    @endforeach
                </div>
            @endforeach
        @endif

        <section class="back-row">
            <a href="{{ route('annuaire.index') }}" class="back-link">← L'annuaire</a>
        </section>
    </section>
@endsection