@inject('renderer', 'App\Domains\Encyclopedia\Services\ContentRenderer')
@inject('surligneur', 'App\Domains\LegalCorpus\Services\LegalTextHighlighter')

@php
    // Maillage interne : le COMMENTAIRE est lié au glossaire, jamais le texte de
    // loi. Le texte officiel passe par $surligneur ; la seule citation rendue
    // par $renderer (l'alinéa annoté) désactive explicitement la liaison.
    $renderer->linkGlossaryTerms(true);

    $v = $article->currentVersion;
    $onglet = in_array(request()->query('onglet'), ['texte','historique','fiches'], true) ? request()->query('onglet') : 'texte';
    $tabs = ['texte' => 'Texte en vigueur', 'historique' => 'Historique', 'fiches' => 'Fiches liées'];
    $codeName = $article->division?->code?->name ?? 'Code de commerce';
    // Renvois cliquables : tout article cité et présent au corpus devient un lien.
    $renvois = \App\Domains\LegalCorpus\Models\LegalArticle::pluck('slug', 'number')
        ->map(fn ($slug) => route('livre6.show', $slug))->all();
    $isCommerce = $codeName === 'Code de commerce';
@endphp
<x-layout :title="'Article '.$article->number" :description="'Article '.$article->number.' du '.$codeName.($isCommerce ? ', Livre VI.' : '.')"
    og-type="article"
    :published-time="optional($v?->effective_from)->toIso8601String()"
    :modified-time="optional($v?->updated_at)->toIso8601String()">
    @if ($v)
    <x-slot:jsonld>
        {{-- Deux entités distinctes, et c'est volontaire : la Legislation décrit le
             texte officiel (non signé, daté par son entrée en vigueur), l'Article
             décrit le commentaire éditorial qui l'entoure (signé et daté par nous).
             Les confondre reviendrait à s'attribuer la paternité du texte de loi. --}}
        <x-jsonld :graph="\App\Support\StructuredData::graph(
            array_filter([
                '@type' => 'Legislation',
                'name' => 'Article '.$article->number.' du '.$codeName,
                'legislationIdentifier' => $article->number,
                'legislationType' => 'Code',
                'inLanguage' => 'fr-FR',
                'legislationDate' => $v->effective_from?->toDateString(),
                'legislationLegalForce' => $v->isInForce() ? 'InForce' : 'NotInForce',
                'mainEntityOfPage' => route('livre6.show', $article),
                'isBasedOn' => $v->source?->url,
            ]),
            \App\Support\StructuredData::article(
                'Article '.$article->number.' du '.$codeName.' : texte, portée et stratégie',
                'Texte intégral de l\'article '.$article->number.', ses renvois réglementaires, son explication et les points de vigilance pour le dirigeant.',
                route('livre6.show', $article),
                $v->effective_from?->toIso8601String(),
                $v->updated_at?->toIso8601String(),
            ),
            \App\Support\StructuredData::breadcrumb([
                'Livre VI' => route('livre6.index'),
                'Article '.$article->number => route('livre6.show', $article),
            ]),
        )" />
    </x-slot:jsonld>
    @endif
    <div class="mx-auto max-w-7xl px-4 py-10">
        <nav class="mb-4 text-sm text-muted" aria-label="Fil d'Ariane">
            <a href="{{ route('home') }}" class="link-blue">Accueil</a> <span aria-hidden="true">›</span>
            @if($isCommerce)
                <a href="{{ route('livre6.index') }}" class="link-blue">Livre VI</a> <span aria-hidden="true">›</span>
                @if($article->division?->number)<span>Titre {{ $article->division->number }}</span> <span aria-hidden="true">›</span>@endif
            @else
                <span>{{ $codeName }}</span> <span aria-hidden="true">›</span>
            @endif
            <span class="text-ink">Article {{ $article->number }}</span>
        </nav>

        <h1 class="font-sans text-3xl font-bold text-title">Article {{ $article->number }} du {{ $codeName }}</h1>

        {{-- Bandeau d'état --}}
        @if ($v)
            <div class="mt-4 flex flex-wrap items-center gap-3 rounded-lg border border-line bg-paper px-4 py-3 text-sm">
                <span class="pastille pastille--vigueur">
                    <span aria-hidden="true">●</span> {{ $v->statusLabel() }}
                </span>
                <span class="text-muted">Depuis le {{ $v->effective_from?->format('d/m/Y') }}</span>
                @if ($v->source)
                    <span class="text-muted">· Source&nbsp;:
                        @if($v->source->url)<a href="{{ $v->source->url }}" class="link-blue" rel="noopener nofollow" target="_blank">{{ $v->source->name }}</a>@else{{ $v->source->name }}@endif
                    </span>
                @endif
            </div>

            @unless ($v->isValidated())
                {{-- Deux situations très différentes, qu'il serait trompeur de confondre :
                     un texte officiel déjà importé de Légifrance (identifiant LEGIARTI),
                     qui n'attend qu'une relecture, et un contenu de démonstration, qui
                     n'a aucune valeur. --}}
                @php $texteOfficiel = str_starts_with((string) $v->official_id, 'LEGIARTI'); @endphp
                <div class="encart-attente mt-3 px-4 py-3 text-sm">
                    @if ($texteOfficiel)
                        <strong>Texte officiel, relecture en cours.</strong> Le texte ci-dessous est celui publié par
                        Légifrance (identifiant {{ $v->official_id }}), repris intégralement et sans modification. Il
                        n'a pas encore été relu par notre relecteur juridique&nbsp;: vérifiez sa version en vigueur à la
                        source avant tout usage engageant.
                    @else
                        <strong>Contenu en attente de validation juridique.</strong> Le texte affiché est une paraphrase de
                        démonstration&nbsp;; le texte officiel intégral sera importé depuis la source puis validé avant publication.
                    @endif
                </div>
            @endunless
        @endif

        {{-- Onglets (rendu serveur) --}}
        <div class="mt-6 flex flex-wrap gap-1 border-b border-line" role="tablist">
            @foreach ($tabs as $key => $label)
                <a href="{{ route('livre6.show',$article) }}?onglet={{ $key }}#onglet"
                   role="tab" aria-selected="{{ $onglet===$key ? 'true':'false' }}"
                   class="-mb-px border-b-2 px-4 py-2 text-sm font-semibold no-underline {{ $onglet===$key ? 'border-rep-blue text-title' : 'border-transparent text-muted hover:text-ink' }}">{{ $label }}</a>
            @endforeach
        </div>

        <div class="mt-6" id="onglet">
            @if ($onglet === 'texte')
                @php $c = $article->commentary; @endphp

                {{-- L'essentiel, lisible en quelques secondes --}}
                @if ($c && $c->gist)
                    <div class="panneau panneau--essentiel mb-8">
                        <div class="panneau-titre">L'essentiel en quelques secondes</div>
                        <ul class="mt-2.5 grid gap-2 sm:grid-cols-2">
                            @foreach ($c->gist as $point)
                                <li class="flex gap-2 text-[15px] leading-relaxed text-ink">
                                    <span class="mt-[7px] h-1.5 w-1.5 flex-none rounded-full" style="background: var(--color-rep-blue)" aria-hidden="true"></span>
                                    <span>{{ $renderer->html($point) }}</span>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                {{-- Lecture annotée : chaque alinéa avec ses idées en gras, et en regard
                     les textes réglementaires qui s'y rapportent. --}}
                @if ($c && $c->annotated)
                    <div class="mb-10 space-y-5">
                        <div class="grid gap-x-8 lg:grid-cols-[1.15fr_1fr]">
                            <div class="text-[11px] font-bold uppercase tracking-wide text-muted">Partie législative</div>
                            <div class="hidden text-[11px] font-bold uppercase tracking-wide text-muted lg:block">Partie réglementaire en regard</div>
                        </div>
                        @foreach ($c->annotated as $alinea)
                            <div class="grid gap-x-8 gap-y-3 border-t border-line pt-4 lg:grid-cols-[1.15fr_1fr]">
                                <div>
                                    {{-- Citation du texte de loi : aucune liaison insérée dans l'officiel. --}}
                                    <p class="texte-loi text-justify hyphens-auto text-[15px] leading-relaxed text-ink">{{ $renderer->linkGlossaryTerms(false)->html($alinea['text']) }}</p>
                                    {{-- Réactivé hors du @if : une note absente ne doit pas éteindre
                                         le maillage pour le reste de la boucle. --}}
                                    @php $renderer->linkGlossaryTerms(true); @endphp
                                    @if (! empty($alinea['note']))
                                        <p class="mt-2 border-l-2 pl-3 text-[13.5px] leading-relaxed text-muted" style="border-color: var(--color-rep-red)">
                                            {{ $renderer->html($alinea['note']) }}
                                        </p>
                                    @endif
                                </div>
                                <div class="space-y-2.5">
                                    @forelse ($alinea['regulations'] ?? [] as $reg)
                                        @php $slug = $crossLinksInCorpus[$reg['article']] ?? null; @endphp
                                        <div class="rounded-lg border border-line bg-paper px-3.5 py-2.5">
                                            @if ($slug)
                                                <a href="{{ route('livre6.show', $slug) }}" class="link-blue text-[13px] font-bold">Art. {{ $reg['article'] }}</a>
                                            @else
                                                <span class="text-[13px] font-bold text-ink">Art. {{ $reg['article'] }}</span>
                                            @endif
                                            <p class="texte-loi mt-1 text-[13.5px] leading-relaxed text-ink">{{ $renderer->html($reg['gist']) }}</p>
                                        </div>
                                    @empty
                                        <p class="text-[13px] text-muted">Pas de texte réglementaire propre à cet alinéa.</p>
                                    @endforelse
                                </div>
                            </div>
                        @endforeach
                    </div>
                @endif

                {{-- Texte brut : replié quand la lecture annotée existe (pas de doublon),
                     déplié sinon. La fidélité au texte officiel reste accessible d'un clic. --}}
                @if ($c && $c->annotated)
                    <details class="mb-10 rounded-lg border border-line bg-surface px-5 py-3">
                        <summary class="cursor-pointer text-sm font-semibold text-title-2 hover:text-rep-blue">
                            Lire le texte officiel brut, sans annotation
                        </summary>
                        <div class="prose-legal mt-3">
                            @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-3 text-xs text-muted">Identifiant&nbsp;: {{ $v->official_id }}</p>@endif
                            @endif
                        </div>
                        @if (($crossLinks ?? collect())->isNotEmpty())
                            <div class="mt-4 border-t border-line pt-3">
                                <div class="text-[11px] font-bold uppercase tracking-wide text-muted">
                                    Tous les textes répertoriés en regard
                                </div>
                                <ul class="mt-2 flex flex-wrap gap-x-3 gap-y-1.5 text-sm">
                                    @foreach ($crossLinks as $link)
                                        @php
                                            $number = $crossLinksAreRegulations ? $link->regulation_number : $link->law_number;
                                            $target = $crossLinksInCorpus[$number] ?? null;
                                        @endphp
                                        <li>
                                            @if ($target)
                                                <a href="{{ route('livre6.show', $target) }}" class="link-blue">Art. {{ $number }}</a>
                                            @else
                                                <span class="text-muted">Art. {{ $number }}</span>
                                            @endif
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </details>
                @else
                    {{-- Deux colonnes, dans un ordre invariable : la loi à gauche, son
                         application réglementaire à droite. Quand l'article consulté est
                         un R, c'est donc lui qui passe à droite et ses textes de base
                         législatifs qui occupent la gauche. --}}
                    @php
                        // $crossLinksAreRegulations vaut vrai quand l'article consulté est
                        // législatif : les renvois sont alors des textes réglementaires.
                        $articleEstLegislatif = $crossLinksAreRegulations ?? true;
                    @endphp

                    <x-explication-parties />

                    <div class="mt-5 grid items-start gap-6 lg:grid-cols-2">
                        @include('pages.livre6.partials.panneau', [
                            'nature' => 'legislatif',
                            'role' => $articleEstLegislatif ? 'principal' : 'renvois',
                        ])
                        @include('pages.livre6.partials.panneau', [
                            'nature' => 'reglementaire',
                            'role' => $articleEstLegislatif ? 'renvois' : 'principal',
                        ])
                    </div>

                @endif

                {{-- Explication de texte et stratégie --}}
                @if ($c)
                    {{-- « Ce que dit ce texte » n'est affiché que si la lecture annotée
                         n'existe pas : sinon les alinéas commentés font déjà ce travail. --}}
                    <div class="mt-10 grid gap-6 @unless($c->annotated) lg:grid-cols-2 @endunless">
                        @unless ($c->annotated)
                            <section class="panneau">
                                <div class="panneau-titre" style="color: var(--color-rep-blue)">Ce que dit ce texte</div>
                                <p class="mt-2 text-justify hyphens-auto text-[15px] leading-relaxed text-ink">{{ $renderer->html($c->synthesis) }}</p>
                            </section>
                        @endunless
                        @if ($c->strategy)
                            <section class="panneau panneau--strategie">
                                <div class="panneau-titre">Comment gérer cet article</div>
                                <p class="mt-2 text-justify hyphens-auto text-[15px] leading-relaxed text-ink">{{ $renderer->html($c->strategy) }}</p>
                            </section>
                        @endif
                    </div>

                    @if ($c->strengths || $c->weaknesses)
                        <div class="mt-6 grid gap-6 lg:grid-cols-2">
                            @if ($c->strengths)
                                <section class="panneau panneau--force">
                                    <div class="panneau-titre">Forces pour le dirigeant</div>
                                    <ul class="mt-2.5 space-y-2">
                                        @foreach ($c->strengths as $item)
                                            <li class="flex gap-2 text-[14.5px] leading-relaxed text-ink">
                                                <span class="font-bold" style="color:#10b981" aria-hidden="true">✓</span>
                                                <span>{{ $renderer->html($item) }}</span>
                                            </li>
                                        @endforeach
                                    </ul>
                                </section>
                            @endif
                            @if ($c->weaknesses)
                                <section class="panneau panneau--faiblesse">
                                    <div class="panneau-titre">Faiblesses et pièges</div>
                                    <ul class="mt-2.5 space-y-2">
                                        @foreach ($c->weaknesses as $item)
                                            <li class="flex gap-2 text-[14.5px] leading-relaxed text-ink">
                                                <span class="font-bold" style="color:#d97706" aria-hidden="true">!</span>
                                                <span>{{ $renderer->html($item) }}</span>
                                            </li>
                                        @endforeach
                                    </ul>
                                </section>
                            @endif
                        </div>
                    @endif

                    <p class="mt-4 text-xs text-muted">
                        Analyse rédigée par la rédaction du site&nbsp;: elle éclaire le texte officiel sans s'y substituer
                        et ne constitue pas un conseil juridique personnalisé.
                    </p>
                @endif
            @elseif ($onglet === 'historique')
                @php $versions = $article->versions->sortByDesc('effective_from'); @endphp

                <div class="panneau panneau--essentiel mb-6">
                    <div class="panneau-titre">Comment lire cet historique</div>
                    <p class="mt-2 text-[15px] leading-relaxed text-ink">
                        Un article de code n'est pas figé : il est <strong>réécrit par les lois et ordonnances successives</strong>.
                        Chaque ligne ci-dessous est une <strong>version</strong>, avec la période pendant laquelle elle s'est appliquée.
                        La version <strong>en vigueur</strong> est celle qui s'applique aujourd'hui&nbsp;; les versions antérieures
                        restent utiles, car <strong>une procédure ouverte sous l'empire d'un texte ancien lui demeure souvent soumise</strong>.
                    </p>
                </div>

                <ol class="space-y-3">
                    @foreach ($versions as $version)
                        @php
                            $enVigueur = $version->isInForce() && ! $version->effective_to;
                            $duree = $version->effective_from
                                ? $version->effective_from->locale('fr')->translatedFormat('j F Y')
                                : null;
                        @endphp
                        <li>
                            <details class="accordeon rounded-lg border border-line bg-surface px-4 py-3" @if($enVigueur) open @endif>
                                <summary class="flex flex-wrap items-center gap-2 text-sm">
                                    @if ($enVigueur)
                                        <span class="pastille pastille--vigueur text-[10px] uppercase">En vigueur</span>
                                    @else
                                        <span class="pastille text-[10px] uppercase"
                                              style="color: var(--color-muted); border-color: var(--color-line); background: var(--color-paper)">{{ $version->statusLabel() }}</span>
                                    @endif
                                    <span class="font-semibold text-title">Depuis le {{ $duree }}</span>
                                    @if ($version->effective_to)
                                        <span class="text-muted">jusqu'au {{ $version->effective_to->locale('fr')->translatedFormat('j F Y') }}</span>
                                    @endif
                                </summary>

                                <div class="mt-3 space-y-3 border-t border-line pt-3">
                                    <div class="grid gap-2 text-[13px] sm:grid-cols-2">
                                        <div><span class="text-muted">Identifiant officiel&nbsp;:</span> <span class="font-mono text-ink">{{ $version->official_id ?? '-' }}</span></div>
                                        <div><span class="text-muted">Source&nbsp;:</span>
                                            @if ($version->source?->url)
                                                <a href="{{ $version->source->url }}" class="link-blue" target="_blank" rel="noopener nofollow">{{ $version->source->name }}</a>
                                            @else
                                                {{ $version->source->name ?? '-' }}
                                            @endif
                                        </div>
                                        @if ($version->official_id)
                                            <div class="sm:col-span-2">
                                                <a href="https://www.legifrance.gouv.fr/codes/article_lc/{{ $version->official_id }}"
                                                   class="link-blue" target="_blank" rel="noopener nofollow">Comparer cette version sur Légifrance ↗</a>
                                            </div>
                                        @endif
                                    </div>

                                    <div class="encart {{ $enVigueur ? 'encart--action' : 'encart--info' }} px-4 py-3">
                                        <div class="encart-titre">{{ $enVigueur ? 'Pourquoi cette version s\'applique' : 'Pourquoi cette version ne s\'applique plus' }}</div>
                                        <p class="mt-1 text-[14px] leading-relaxed text-ink">
                                            @if ($enVigueur)
                                                C'est la <strong>dernière rédaction publiée</strong>, entrée en vigueur le {{ $duree }} et
                                                <strong>non abrogée à ce jour</strong>. Elle s'applique aux situations en cours, sous réserve
                                                des dispositions transitoires propres au texte qui l'a modifiée.
                                            @else
                                                Cette rédaction a été <strong>remplacée</strong>
                                                @if ($version->effective_to) le {{ $version->effective_to->locale('fr')->translatedFormat('j F Y') }} @endif
                                                par une version postérieure. Elle reste pertinente pour les <strong>procédures ouvertes
                                                pendant sa période d'application</strong>.
                                            @endif
                                        </p>
                                    </div>

                                    <div>
                                        <div class="text-[11px] font-bold uppercase tracking-wide text-muted">Texte de cette version</div>
                                        <p class="mt-2 whitespace-pre-line text-justify hyphens-auto text-[14px] leading-relaxed text-ink">{{ $surligneur->html($version->content, $renvois) }}</p>
                                    </div>
                                </div>
                            </details>
                        </li>
                    @endforeach
                </ol>

                @if ($versions->count() === 1)
                    <p class="mt-4 text-[13px] leading-relaxed text-muted">
                        Une seule version est présente au corpus. Les rédactions antérieures restent consultables sur Légifrance
                        via le lien ci-dessus.
                    </p>
                @endif
            @else
                @php
                    $termesLies = \App\Domains\Reference\Models\GlossaryTerm::where('status', 'publie')
                        ->where(fn ($q) => $q->where('legislation_note', 'like', '%[['.$article->number.']]%')
                            ->orWhere('regulation_note', 'like', '%[['.$article->number.']]%')
                            ->orWhere('definition_expert', 'like', '%[['.$article->number.']]%'))
                        ->orderBy('term')->limit(12)->get(['term', 'slug', 'definition_beginner']);
                @endphp

                @if ($article->encyclopediaEntries->isNotEmpty() || $termesLies->isNotEmpty())
                    <p class="mb-5 text-[15px] leading-relaxed text-muted">
                        Cet article est cité et expliqué dans les contenus suivants. Les fiches donnent le
                        <strong class="text-ink">contexte pratique</strong>&nbsp;; l'article donne le <strong class="text-ink">texte exact</strong>.
                    </p>

                    <div class="grid gap-5 lg:grid-cols-2">
                        @if ($article->encyclopediaEntries->isNotEmpty())
                            <section>
                                <h2 class="text-[11px] font-bold uppercase tracking-wide text-muted">Fiches de l'encyclopédie</h2>
                                <ul class="mt-3 space-y-2.5">
                                    @foreach ($article->encyclopediaEntries as $entry)
                                        <li class="rounded-lg border border-line bg-surface px-4 py-3">
                                            <a href="{{ route('encyclopedie.show', $entry) }}" class="mot-cle mot-cle--lien font-semibold">{{ $entry->title }}</a>
                                            <p class="mt-1 text-[13.5px] leading-relaxed text-muted">{{ $entry->summary }}</p>
                                        </li>
                                    @endforeach
                                </ul>
                            </section>
                        @endif

                        @if ($termesLies->isNotEmpty())
                            <section>
                                <h2 class="text-[11px] font-bold uppercase tracking-wide text-muted">Notions du glossaire</h2>
                                <ul class="mt-3 space-y-2.5">
                                    @foreach ($termesLies as $terme)
                                        <li class="rounded-lg border border-line bg-surface px-4 py-3">
                                            <a href="{{ route('glossaire.show', $terme->slug) }}" class="mot-cle mot-cle--lien font-semibold">{{ $terme->term }}</a>
                                            <p class="mt-1 text-[13.5px] leading-relaxed text-muted">{{ \Illuminate\Support\Str::limit(strip_tags((string) preg_replace('/\*\*/', '', $terme->definition_beginner)), 130) }}</p>
                                        </li>
                                    @endforeach
                                </ul>
                            </section>
                        @endif
                    </div>
                @else
                    <p class="text-muted">Aucun contenu ne cite encore cet article.</p>
                @endif
            @endif
        </div>

        {{-- La signature porte sur le commentaire éditorial, pas sur le texte de loi :
             la date affichée est celle de notre dernière révision de la fiche. --}}
        <x-signature class="mt-10 border-t border-line pt-5" :date="$v?->updated_at" />

        <div class="mt-6">
            <x-error-report :context="'Article '.$article->number" />
        </div>
    </div>
</x-layout>