{{-- La carte d'une personne. Attend $p et $racine. --}}
@php
    // La branche se lit a la couleur du lisere du haut ; le sexe garde le filet
    // de gauche. Deux informations, deux emplacements, aucune confusion.
    $teinte = \App\Support\Branches::couleur($p['id'] ?? null);
    $branche = \App\Support\Branches::nom($p['id'] ?? null);
@endphp
<a class="csc-carte @if($racine) csc-carte--racine @endif csc-carte--{{ $p['sexe'] ?: 'x' }} @if($teinte) csc-carte--branche @endif"
   @if($teinte) style="--branche: {{ $teinte }}" @endif
   @if($branche) title="Branche {{ $branche }}" @endif
   href="{{ route('personne', $p['id']) }}">
    <span class="csc-tete">
        @if (! empty($p['portrait']))
            <img class="csc-vignette" src="{{ $p['portrait'] }}" alt="" loading="lazy">
        @else
            <span class="csc-vignette csc-vignette--lettre" aria-hidden="true">{{ \Illuminate\Support\Str::upper(\Illuminate\Support\Str::substr($p['nom'], 0, 1)) }}</span>
        @endif
        <span class="csc-nom">{{ $p['nom'] }}</span>
    </span>
    @if (filled($p['vie']))
        <span class="csc-vie">{{ $p['vie'] }}</span>
    @endif
    @if (! empty($p['lieu']))
        <span class="csc-lieu">{{ $p['lieu'] }}</span>
    @endif
    @if (! empty($p['metier']))
        <span class="csc-metier">{{ $p['metier'] }}</span>
    @endif
    @if (! empty($p['suite']))
        <span class="csc-suite">{{ $p['suite'] }} enfant{{ $p['suite'] > 1 ? 's' : '' }} &rsaquo;</span>
    @endif
    @if (! empty($p['bulle']))
        @php $b = $p['bulle']; @endphp
        {{-- Bulle du survol (fiche.js la sort du cadre et la place a l'ecran). --}}
        <template class="csc-bulle-modele">
            <div class="bl-tete">
                @if (! empty($b['portrait']))
                    <img class="bl-photo" src="{{ $b['portrait'] }}" alt="">
                @else
                    <span class="bl-photo bl-photo--lettre" aria-hidden="true">{{ $b['initiale'] }}</span>
                @endif
                <div class="bl-ident">
                    <p class="bl-nom">{{ $b['nom'] }}</p>
                    @if ($b['nee'])<p class="bl-nee">{{ $b['nee'] }}</p>@endif
                    @if ($b['filiation'])<p class="bl-filiation">{{ $b['filiation'] }}</p>@endif
                    @if ($b['branche'])<p class="bl-branche">Branche {{ $b['branche'] }}</p>@endif
                </div>
            </div>
            @if ($b['prive'])
                <p class="bl-prive">Personne vivante : dates, lieux et photo sont réservés aux membres connectés.</p>
            @else
                <div class="bl-etat">
                    @foreach ($b['etat'] as [$lib, $val, $lieu])
                        <div class="bl-cell @if(! $val) bl-cell--vide @endif">
                            <span class="bl-lbl">{{ $lib }}</span>
                            <span class="bl-val">{!! $val ?: 'Non renseigné' !!}</span>
                            @if (filled($lieu))<span class="bl-lieu">{{ $lieu }}</span>@endif
                        </div>
                    @endforeach
                </div>
                @if ($b['lignes'])
                    <dl class="bl-lignes">
                        @foreach ($b['lignes'] as $k => $v)
                            <div><dt>{{ $k }}</dt><dd>{{ $v }}</dd></div>
                        @endforeach
                    </dl>
                @endif
            @endif
            <p class="bl-pied">
                @if ($b['enfants'])<span>{{ $b['enfants'] }} enfant{{ $b['enfants'] > 1 ? 's' : '' }}</span>@endif
                <span class="bl-ouvrir">Ouvrir la fiche →</span>
            </p>
        </template>
    @endif
</a>