{{-- Un niveau de la cascade. Attend $n (nœud) et $pivot (vrai pour la racine :
     la personne se place alors AU MILIEU de ses unions).
     Les générations suivantes se déplient à la demande : dix branches ouvertes
     d'un coup dépassent largement l'écran et rendent la lecture impossible. --}}
@php
    $pivot = $pivot ?? false;
    $unions = $n['unions'] ?? [];
    $avecEnfants = collect($unions)->filter(fn ($u) => ! empty($u['enfants']))->values();
@endphp

<div class="csc-personne @if($n['racine']) csc-personne--racine @endif">

    <div class="csc-couple @if($pivot && count($unions) > 1) csc-couple--pivot @endif">
        @if ($pivot && count($unions) > 1)
            @foreach (array_slice($unions, 0, 1) as $u)
                @include('partials.cascade-conjoint', ['u' => $u, 'cote' => 'gauche'])
            @endforeach
            @include('partials.cascade-carte', ['p' => $n, 'racine' => true])
            @foreach (array_slice($unions, 1) as $u)
                @include('partials.cascade-conjoint', ['u' => $u, 'cote' => 'droite'])
            @endforeach
        @else
            @include('partials.cascade-carte', ['p' => $n, 'racine' => $n['racine']])
            @foreach ($unions as $u)
                @include('partials.cascade-conjoint', ['u' => $u, 'cote' => 'droite'])
            @endforeach
        @endif
    </div>

    @if ($avecEnfants->isNotEmpty())
        <div class="csc-branches">
            @foreach ($avecEnfants as $u)
                <div class="csc-branche">
                    <div class="csc-tige" aria-hidden="true"></div>
                    <div class="csc-fratrie-cadre">
                        <p class="csc-fratrie-titre">
                            {{ $u['nb_enfants'] }} enfant{{ $u['nb_enfants'] > 1 ? 's' : '' }}
                            @if (count($unions) > 1 && $u['conjoint'])
                                <span class="csc-fratrie-de">avec {{ $u['conjoint']['nom'] }}</span>
                            @endif
                        </p>
                        @php
                            // On ouvre d'emblée la branche la plus fournie : elle
                            // montre la cascade sur trois générations sans un clic.
                            $rangOuvert = collect($u['enfants'])
                                ->map(fn ($e, $i) => ['i' => $i, 'n' => collect($e['unions'] ?? [])->sum('nb_enfants')])
                                ->sortByDesc('n')->first();
                            $rangOuvert = ($rangOuvert && $rangOuvert['n'] > 0) ? $rangOuvert['i'] : null;
                        @endphp
                        <div class="csc-fratrie">
                            @foreach ($u['enfants'] as $rang => $enfant)
                                @php
                                    $sousBranches = collect($enfant['unions'] ?? [])
                                        ->filter(fn ($su) => ! empty($su['enfants']));
                                    // La première branche qui a des enfants s'ouvre seule :
                                    // la cascade se montre d'emblée sur trois générations.
                                    // Demande d'Alexandre : tout est déplié dès l'ouverture.
                                    // Le bouton « Tout replier » reste là pour resserrer la vue.
                                    $ouvrir = true;
                                @endphp
                                <div class="csc-enfant">
                                    <div class="csc-fleche" aria-hidden="true"></div>

                                    {{-- La personne et son conjoint, toujours visibles --}}
                                    <div class="csc-couple">
                                        @include('partials.cascade-carte', ['p' => $enfant, 'racine' => false])
                                        @foreach ($enfant['unions'] as $su)
                                            @include('partials.cascade-conjoint', ['u' => $su, 'cote' => 'droite'])
                                        @endforeach
                                    </div>

                                    {{-- Sa propre descendance, repliée par défaut --}}
                                    @if ($sousBranches->isNotEmpty())
                                        <details class="csc-plus" @if($ouvrir) open @endif>
                                            <summary>
                                                {{ $sousBranches->sum('nb_enfants') }}
                                                enfant{{ $sousBranches->sum('nb_enfants') > 1 ? 's' : '' }}
                                            </summary>
                                            <div class="csc-branches">
                                                @foreach ($sousBranches as $su)
                                                    <div class="csc-branche">
                                                        <div class="csc-tige" aria-hidden="true"></div>
                                                        <div class="csc-fratrie-cadre">
                                                            <div class="csc-fratrie">
                                                                @foreach ($su['enfants'] as $petit)
                                                                    <div class="csc-enfant">
                                                                        <div class="csc-fleche" aria-hidden="true"></div>
                                                                        <div class="csc-couple">
                                                                            @include('partials.cascade-carte', ['p' => $petit, 'racine' => false])
                                                                            @foreach ($petit['unions'] as $pu)
                                                                                @include('partials.cascade-conjoint', ['u' => $pu, 'cote' => 'droite'])
                                                                            @endforeach
                                                                        </div>
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </details>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @endif
</div>