{{-- 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')

    @push('jsonld')
        <x-jsonld :graph="\App\Support\StructuredData::graph(
            \App\Support\StructuredData::article(
                'Simulateur : mon plan de redressement est-il soutenable ?',
                'Calculez l\'annuité nécessaire pour étaler votre passif sur la durée maximale légale de dix ans, et la remise qu\'il faudrait négocier pour rendre le plan tenable.',
                route('simulateurs.plan'),
                \App\Support\StructuredData::revision('simulateurs'),
            ),
            \App\Support\StructuredData::breadcrumb([
                'Simulateurs' => route('simulateurs.index'),
                'Soutenabilité du plan' => route('simulateurs.plan'),
            ]),
        )" />
    @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">Soutenabilité du plan</span>
    </nav>

    <span class="tricolore-tick"></span>
    <h1 class="mt-3 font-sans text-3xl font-bold text-title">Mon plan est-il soutenable&nbsp;?</h1>
    <p class="mt-2 text-muted">
        Le calcul que mieux vaut faire avant l'audience qu'après&nbsp;: votre passif peut-il s'étaler dans la durée
        que la loi autorise&nbsp;?
    </p>

    <div class="mt-6 grid gap-4 sm:grid-cols-2">
        <label class="block">
            <span class="text-sm font-medium text-ink">Passif à étaler dans le plan</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="passif"
                       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">Dettes antérieures au jugement, hors créances privilégiées payées à part.</span>
        </label>

        <label class="block">
            <span class="text-sm font-medium text-ink">Capacité de remboursement annuelle</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="capacite"
                       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">€ / an</span>
            </span>
            <span class="mt-1 block text-xs text-muted">Ce que l'exploitation dégage réellement, une fois les charges courantes payées.</span>
        </label>

        <label class="block">
            <span class="text-sm font-medium text-ink">Remise espérée des créanciers</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" max="100" step="5" inputmode="numeric" wire:model.live="remise"
                       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">Facultatif. Une remise se négocie, elle ne se décrète pas.</span>
        </label>

        <fieldset class="rounded-lg border border-line bg-surface px-4 py-3">
            <legend class="text-sm font-medium text-ink">Activité agricole&nbsp;?</legend>
            <div class="mt-2 flex gap-2">
                @foreach ([['non', 'Non'], ['oui', 'Oui']] as [$valeur, $libelle])
                    <label class="cursor-pointer rounded-full border px-4 py-1.5 text-sm font-semibold transition
                        {{ $agricole === $valeur ? 'border-rep-blue bg-rep-blue/10 text-rep-blue' : 'border-line text-ink hover:border-rep-blue' }}">
                        <input type="radio" wire:model.live="agricole" value="{{ $valeur }}" class="sr-only">
                        {{ $libelle }}
                    </label>
                @endforeach
            </div>
            <p class="mt-2 text-xs text-muted">La durée maximale passe de dix à quinze ans.</p>
        </fieldset>
    </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">
            Calculer
        </button>
        <button type="button" wire:click="reinitialiser" class="text-sm link-blue">↺ Tout effacer</button>
    </div>

    @if ($this->calcule && $this->passifNet > 0)
        @php
            $dureeMax = $this->dureeMax;
            $annuite = $this->annuiteMinimale;
            $necessaire = $this->dureeNecessaire;
            $soutenable = $this->soutenable;
            $remiseNecessaire = $this->remiseNecessaire;
            $part = $necessaire !== null && $dureeMax > 0 ? min(100, (int) round($necessaire / $dureeMax * 100)) : 100;
        @endphp

        <section class="mt-8" id="resultat" aria-live="polite">
            <div class="rounded-xl border-2 {{ $soutenable ? 'border-rep-blue' : 'border-rep-red' }} bg-surface p-6">
                <h2 class="font-sans text-2xl font-bold text-title">
                    {{ $soutenable ? 'Le plan tient dans la durée légale' : 'Le plan ne tient pas dans la durée légale' }}
                </h2>

                <dl class="mt-4 grid gap-4 sm:grid-cols-3">
                    <div>
                        <dt class="text-xs font-bold uppercase tracking-wide text-muted">Annuité minimale</dt>
                        <dd class="mt-1 text-2xl font-bold tabular-nums text-title">{{ number_format($annuite, 0, ',', ' ') }} €</dd>
                        <p class="text-xs text-muted">pour solder en {{ $dureeMax }} ans</p>
                    </div>
                    <div>
                        <dt class="text-xs font-bold uppercase tracking-wide text-muted">Durée nécessaire</dt>
                        <dd class="mt-1 text-2xl font-bold tabular-nums {{ $soutenable ? 'text-title' : 'text-rep-red' }}">
                            {{ $necessaire !== null ? number_format($necessaire, 1, ',', ' ').' ans' : '-' }}
                        </dd>
                        <p class="text-xs text-muted">à votre capacité déclarée</p>
                    </div>
                    <div>
                        <dt class="text-xs font-bold uppercase tracking-wide text-muted">Plafond légal</dt>
                        <dd class="mt-1 text-2xl font-bold tabular-nums text-title">{{ $dureeMax }} ans</dd>
                        <p class="text-xs text-muted">{{ $agricole === 'oui' ? 'activité agricole' : 'régime de droit commun' }}</p>
                    </div>
                </dl>

                <div class="mt-4">
                    <div class="h-3 overflow-hidden rounded-full" style="background: color-mix(in srgb, var(--color-line) 60%, transparent)">
                        <div class="h-full {{ $soutenable ? 'bg-rep-blue' : 'bg-rep-red' }}" style="width: {{ max(2, $part) }}%"></div>
                    </div>
                    <p class="mt-1.5 text-sm text-muted">
                        @if ($soutenable)
                            Il reste {{ number_format($dureeMax - $necessaire, 1, ',', ' ') }} an(s) de marge sous le plafond.
                        @else
                            Il manque {{ number_format($necessaire - $dureeMax, 1, ',', ' ') }} an(s) : que la loi ne permet pas d'accorder.
                        @endif
                    </p>
                </div>

                @if (! $soutenable && $remiseNecessaire !== null && $remiseNecessaire > 0)
                    <div class="encart encart--action mt-5 px-4 py-3">
                        <div class="encart-titre">Le levier de la négociation</div>
                        <p class="mt-1 text-[15px] leading-relaxed text-ink">
                            À capacité constante, il faudrait obtenir une remise d'environ
                            <strong class="tabular-nums">{{ number_format($remiseNecessaire, 1, ',', ' ') }} %</strong>
                            du passif pour que le plan entre dans les {{ $dureeMax }} ans.
                        </p>
                        <p class="mt-2 text-[15px] leading-relaxed text-ink">{!! $renderer->html(
                            "C'est l'ordre de grandeur à préparer avant de rencontrer vos créanciers. Le tribunal donne acte des délais et remises qu'ils acceptent, et peut même les réduire ([[L626-18]]), mais il ne peut pas les imposer à leur place."
                        ) !!}</p>
                    </div>
                @endif

                <div class="mt-6 border-t border-line pt-4">
                    <p class="text-[15px] leading-relaxed text-ink">{!! $renderer->html(
                        "La durée du plan est **fixée par le tribunal** et ne peut excéder dix ans, quinze ans pour une activité agricole ([[L626-12]]). Le plan de redressement suit le même régime ([[L631-19]]). Ce calcul suppose des annuités constantes : un plan réel peut être progressif, ce qui déplace l'effort sans changer le total."
                    ) !!}</p>

                    <div class="mt-4 flex flex-wrap gap-2">
                        <a href="{{ route('glossaire.show', 'plan-de-redressement') }}"
                           class="rounded-md border border-line px-4 py-2 text-sm font-semibold text-ink no-underline hover:border-rep-blue">Comprendre le plan</a>
                        <a href="{{ route('comparateur') }}"
                           class="rounded-md border border-line px-4 py-2 text-sm font-semibold text-ink no-underline hover:border-rep-blue">Comparer les procédures</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>
            </div>

            <p class="mt-4 text-xs leading-relaxed text-muted">
                Ordre de grandeur fondé sur vos déclarations, non une projection financière. Le tribunal arrête la durée
                et les modalités du plan au vu de l'ensemble du dossier ; les créances privilégiées, les créances
                salariales et les délais déjà consentis avant l'ouverture obéissent à des règles propres.
            </p>
        </section>
    @endif

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