{{-- Tout doit rester DANS cet élément racine : une directive placée avant lui
     empêche Livewire d'hydrater le composant. --}}
<div class="mx-auto max-w-3xl px-4 py-10">
    @inject('renderer', 'App\Domains\Encyclopedia\Services\ContentRenderer')

    @php
        $c = \App\Livewire\LiquidationSimplifieeSimulator::class;
        $euro = fn (int $v) => number_format($v, 0, ',', ' ').' €';
    @endphp

    @push('jsonld')
        <x-jsonld :graph="\App\Support\StructuredData::graph(
            \App\Support\StructuredData::article(
                'Simulateur : ai-je droit à la liquidation judiciaire simplifiée ?',
                'Vérifiez les conditions de l\'article L641-2 et les seuils de l\'article D641-10, et connaissez le délai de clôture applicable.',
                route('simulateurs.liquidation-simplifiee'),
                \App\Support\StructuredData::revision('simulateurs'),
            ),
            \App\Support\StructuredData::breadcrumb([
                'Simulateurs' => route('simulateurs.index'),
                'Liquidation simplifiée' => route('simulateurs.liquidation-simplifiee'),
            ]),
        )" />
    @endpush

    <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>
        <a href="{{ route('simulateurs.index') }}" class="link-blue">Simulateurs</a> <span aria-hidden="true">›</span>
        <span class="text-ink">Liquidation simplifiée</span>
    </nav>

    <span class="tricolore-tick"></span>
    <h1 class="mt-3 font-sans text-3xl font-bold text-title">Ai-je droit à la liquidation simplifiée&nbsp;?</h1>
    <p class="mt-2 text-muted">
        Six mois au lieu de plusieurs années. Trois questions suffisent à le savoir, et le calcul vous donne
        aussi le délai de clôture qui s'appliquera.
    </p>

    <div class="mt-8 space-y-3">
        <fieldset class="rounded-lg border border-line bg-surface px-4 py-3">
            <legend class="text-[15px] font-medium text-ink">Le débiteur est-il une personne physique&nbsp;?</legend>
            <div class="mt-2 flex flex-wrap gap-2">
                @foreach ([['oui', 'Oui, entrepreneur individuel'], ['non', 'Non, une société']] as [$v, $l])
                    <label class="cursor-pointer rounded-full border px-4 py-1.5 text-sm font-semibold transition
                        {{ $personnePhysique === $v ? 'border-rep-blue bg-rep-blue/10 text-rep-blue' : 'border-line text-ink hover:border-rep-blue' }}">
                        <input type="radio" wire:model.live="personnePhysique" value="{{ $v }}" class="sr-only">{{ $l }}
                    </label>
                @endforeach
            </div>
        </fieldset>

        <fieldset class="rounded-lg border border-line bg-surface px-4 py-3">
            <legend class="text-[15px] font-medium text-ink">L'actif comprend-il un bien immobilier&nbsp;?</legend>
            <div class="mt-2 flex flex-wrap gap-2">
                @foreach ([['non', 'Non'], ['oui', 'Oui']] as [$v, $l])
                    <label class="cursor-pointer rounded-full border px-4 py-1.5 text-sm font-semibold transition
                        {{ $bienImmobilier === $v ? 'border-rep-blue bg-rep-blue/10 text-rep-blue' : 'border-line text-ink hover:border-rep-blue' }}">
                        <input type="radio" wire:model.live="bienImmobilier" value="{{ $v }}" class="sr-only">{{ $l }}
                    </label>
                @endforeach
            </div>
            <p class="mt-2 text-[13px] leading-relaxed text-muted">{!! $renderer->html(
                "La **résidence principale** insaisissable de l'entrepreneur individuel ne fait pas obstacle : le dernier alinéa de [[L641-2]] écarte expressément les droits de l'article L526-1."
            ) !!}</p>
        </fieldset>

        <div class="grid gap-3 sm:grid-cols-2">
            <label class="block">
                <span class="text-sm font-medium text-ink">Nombre de salariés</span>
                <input type="number" min="0" step="1" inputmode="numeric" wire:model.live="salaries"
                       class="mt-1 w-full rounded-md border border-line bg-surface px-3 py-2.5 text-[15px] tabular-nums outline-none focus:border-rep-blue" placeholder="0">
                <span class="mt-1 block text-xs text-muted">Le plus élevé des six mois précédant l'ouverture.</span>
            </label>
            <label class="block">
                <span class="text-sm font-medium text-ink">Chiffre d'affaires hors taxes</span>
                <span class="mt-1 flex items-center rounded-md border border-line bg-surface focus-within:border-rep-blue">
                    <input type="number" min="0" step="1000" inputmode="numeric" wire:model.live="chiffreAffaires"
                           class="w-full bg-transparent px-3 py-2.5 text-[15px] tabular-nums outline-none" placeholder="0">
                    <span class="pr-3 text-sm text-muted" aria-hidden="true">€</span>
                </span>
                <span class="mt-1 block text-xs text-muted">À la clôture du dernier exercice comptable.</span>
            </label>
        </div>
    </div>

    <div class="mt-5 flex flex-wrap items-center gap-3">
        <button type="button" wire:click="calculer"
                class="rounded-md bg-rep-red px-5 py-2.5 text-sm font-semibold text-white hover:opacity-90">Voir le résultat</button>
        <button type="button" wire:click="reinitialiser" class="text-sm link-blue">↺ Tout effacer</button>
    </div>

    @if ($this->calcule && $personnePhysique !== '' && $bienImmobilier !== '')
        @php
            $applicable = $this->applicable;
            $motif = $this->motif;
            $delai = $this->delaiMois;
        @endphp

        <section class="mt-8" id="resultat" aria-live="polite">
            <div class="rounded-xl border-2 {{ $applicable ? 'border-rep-blue' : 'border-rep-red' }} bg-surface p-6">
                <h2 class="font-sans text-2xl font-bold text-title">
                    {{ $applicable ? 'La procédure simplifiée doit s\'appliquer' : 'La procédure simplifiée est écartée' }}
                </h2>

                @if ($applicable)
                    <p class="mt-3 text-[15px] leading-relaxed text-ink">{!! $renderer->html(
                        "L'article [[L641-2]] est rédigé à l'indicatif : « **il est fait application** de la procédure simplifiée ». Ce n'est pas une faveur que le tribunal accorde, c'est le régime qui s'impose lorsque les conditions sont réunies."
                    ) !!}</p>

                    <div class="mt-5 rounded-lg border border-line bg-paper px-5 py-4">
                        <div class="text-xs font-bold uppercase tracking-wide text-muted">Délai de clôture applicable</div>
                        <div class="mt-1 flex flex-wrap items-baseline gap-x-3">
                            <span class="text-3xl font-bold tabular-nums text-title">{{ $delai }} mois</span>
                            <span class="text-sm text-muted">au plus tard</span>
                        </div>
                        <p class="mt-2 text-[14.5px] leading-relaxed text-ink">{!! $renderer->html(
                            $delai === 6
                                ? "Le tribunal prononce la clôture au plus tard dans les six mois de la décision d'application ([[L644-5]])."
                                : "Le délai passe de six mois à un an : vos salariés **et** votre chiffre d'affaires dépassent tous deux les seuils du second alinéa de [[D641-10]] ([[L644-5]])."
                        ) !!}</p>
                        <p class="mt-2 text-[14.5px] leading-relaxed text-muted">{!! $renderer->html(
                            "Le tribunal peut proroger de **trois mois au plus**, par jugement spécialement motivé ([[L644-5]]), et cesser à tout moment d'appliquer les règles simplifiées ([[L644-6]])."
                        ) !!}</p>
                    </div>
                @else
                    <div class="encart encart--interdit mt-4 px-4 py-3">
                        <div class="encart-titre">
                            @if ($motif === 'immobilier') Un bien immobilier figure à l'actif
                            @elseif ($motif === 'salaries') Le seuil de salariés est dépassé
                            @elseif ($motif === 'chiffre-affaires') Le seuil de chiffre d'affaires est dépassé
                            @else Les conditions ne sont pas réunies
                            @endif
                        </div>
                        <p class="mt-1 text-[14.5px] leading-relaxed text-ink">{!! $renderer->html(
                            match ($motif) {
                                'immobilier' => "L'article [[L641-2]] exclut la procédure simplifiée dès lors que l'actif comprend un bien immobilier : à l'exception de la résidence principale insaisissable de l'entrepreneur individuel.",
                                'salaries' => "Au-delà de ".\App\Livewire\LiquidationSimplifieeSimulator::SEUIL_SALARIES." salariés sur les six mois précédant l'ouverture, le premier alinéa de [[D641-10]] écarte l'application obligatoire.",
                                'chiffre-affaires' => "Au-delà de 750 000 euros de chiffre d'affaires hors taxes, le premier alinéa de [[D641-10]] écarte l'application obligatoire.",
                                default => "Les conditions de [[L641-2]] ne sont pas réunies au vu de vos réponses.",
                            }
                        ) !!}</p>
                    </div>
                    <p class="mt-4 text-[15px] leading-relaxed text-ink">{!! $renderer->html(
                        "La liquidation judiciaire de droit commun s'applique alors ([[L640-1]]) : plus longue, mais aux mêmes effets sur l'activité. Si votre actif est très faible et que vous êtes une personne physique sans salarié, examinez le **rétablissement professionnel**, qui efface les dettes sans liquidation ([[L645-1]])."
                    ) !!}</p>
                @endif

                <div class="mt-6 flex flex-wrap gap-2 border-t border-line pt-4">
                    <a href="{{ route('glossaire.show', 'liquidation-judiciaire-simplifiee') }}"
                       class="rounded-md border border-line px-4 py-2 text-sm font-semibold text-ink no-underline hover:border-rep-blue">Lire la fiche</a>
                    <a href="{{ route('simulateurs.retablissement') }}"
                       class="rounded-md border border-line px-4 py-2 text-sm font-semibold text-ink no-underline hover:border-rep-blue">Tester le rétablissement professionnel</a>
                    <a href="{{ route('avocats') }}"
                       class="rounded-md bg-primary px-4 py-2 text-sm font-semibold text-white no-underline hover:opacity-90">Trouver un avocat</a>
                </div>
            </div>

            <p class="mt-4 text-xs leading-relaxed text-muted">
                Orientation fondée sur vos déclarations. Le tribunal statue au vu du dossier et peut, par jugement
                spécialement motivé, cesser d'appliquer les règles simplifiées à tout moment. Les seuils sont ceux de
                l'article D641-10, renuméroté en 2020 : un renvoi à « R641-10 » désigne un texte qui n'existe plus.
            </p>
        </section>
    @endif

    <div class="mt-8"><x-deontology /></div>
    <x-signature class="mt-5" :date="\App\Support\StructuredData::revision('simulateurs')" />
</div>