{{--
    Un panneau de la vue en deux colonnes.

    Règle de lecture du site, invariable : la partie LÉGISLATIVE est toujours à
    gauche, la partie RÉGLEMENTAIRE toujours à droite. Le lecteur retrouve donc
    la même géographie sur toutes les fiches, qu'il consulte un article L ou un
    article R. L'encadré coloré rappelle en permanence dans quelle partie il se
    trouve.

    Variables attendues :
      $nature   'legislatif' | 'reglementaire'
      $role     'principal' (l'article consulté) | 'renvois' (les textes en regard)
--}}
@php
    $estLegislatif = $nature === 'legislatif';
    $classe = $estLegislatif ? 'panneau-loi' : 'panneau-reglement';
    $titre = $estLegislatif ? 'Partie législative' : 'Partie réglementaire';
    $sousTitre = $estLegislatif
        ? 'La loi : ce que le Parlement a voté (articles en L)'
        : "L'application : les décrets qui précisent la loi (articles en R ou D)";
@endphp

<section class="panneau-partie {{ $classe }}" aria-labelledby="panneau-{{ $nature }}">
    <header class="panneau-partie__entete">
        <h3 id="panneau-{{ $nature }}" class="panneau-partie__titre">{{ $titre }}</h3>
        <p class="panneau-partie__soustitre">{{ $sousTitre }}</p>
    </header>

    <div class="panneau-partie__corps">
        @if ($role === 'principal')
            {{-- L'article consulté, dans son texte officiel intégral. --}}
            @if ($v)
                <p class="whitespace-pre-line text-justify hyphens-auto text-[15px] leading-relaxed">{{ $surligneur->html($v->content, $renvois) }}</p>
                @if ($v->official_id)
                    <p class="mt-4 text-xs text-muted">Identifiant&nbsp;: {{ $v->official_id }}</p>
                @endif
            @else
                <p class="text-muted">Aucune version disponible.</p>
            @endif
        @else
            {{-- Les textes en regard, dépliables un à un. --}}
            @if (($crossLinks ?? collect())->isNotEmpty())
                <div class="space-y-3">
                    @foreach ($crossLinks as $link)
                        @php
                            $number = $crossLinksAreRegulations ? $link->regulation_number : $link->law_number;
                            $target = $crossLinksInCorpus[$number] ?? null;
                            $text = $crossLinksTexts[$number] ?? null;
                        @endphp
                        <details class="accordeon rounded-lg border border-line bg-surface px-4 py-3" @if($loop->first && $text) open @endif>
                            <summary class="flex flex-wrap items-center gap-2">
                                <span class="mot-cle font-semibold">Art. {{ $number }}</span>
                                @if ($link->confidence === 'haute')
                                    <span class="pastille pastille--vigueur text-[10px] uppercase">Application directe</span>
                                @endif
                                @unless ($text)
                                    <span class="text-[11px] text-muted">texte à importer</span>
                                @endunless
                            </summary>
                            <div class="mt-3 border-t border-line pt-3">
                                @if ($text)
                                    <p class="whitespace-pre-line text-justify hyphens-auto text-[13.5px] leading-relaxed text-ink">{{ $surligneur->html($text, $renvois) }}</p>
                                    @if ($target)
                                        <a href="{{ route('livre6.show', $target) }}" class="mt-2 inline-block text-[13px] link-blue">Ouvrir la fiche complète de l'article →</a>
                                    @endif
                                @else
                                    <p class="text-[13px] text-muted">Ce texte n'est pas encore importé au corpus. Le lien est établi d'après l'édition du Livre VI en deux colonnes.</p>
                                @endif
                            </div>
                        </details>
                    @endforeach
                </div>
            @else
                <p class="text-[13.5px] text-muted">
                    Aucun texte {{ $estLegislatif ? 'législatif' : 'réglementaire' }} n'est répertorié en regard de cet article.
                </p>
            @endif
        @endif
    </div>
</section>