{{--
    v4.28.0 §B2 — Section « Factures ↔ opérations » de la page de contrôle.
    Une carte par contrôle : vert « aucun », orange « à vérifier », rouge « bloquant ». Dépliable.
    Lecture seule, sauf « Relier » (contrôle 3, paire sûre, confirmation + audit).
--}}
@php
    $page = $getLivewire();
    $controles = $page->controleFactures;
    $total = array_sum(array_column($controles, 'nombre'));
    $peutRelier = (auth()->user()?->can('settings.manage') ?? false) && (auth()->user()?->can('invoices.update') ?? false);
@endphp

<section class="space-y-3" data-section="factures-operations">
    <div class="flex flex-wrap items-baseline justify-between gap-2">
        <h2 class="text-base font-semibold text-gray-950 dark:text-white">Factures ↔ opérations</h2>
        <p class="text-sm text-gray-500 dark:text-gray-400">
            {{ $total === 0 ? 'Aucune incohérence.' : $total.' cas au total' }} — lecture seule : rien n'est corrigé d'office.
        </p>
    </div>

    <div class="grid gap-3 md:grid-cols-2">
        @foreach ($controles as $c)
            @php
                $couleur = match (true) {
                    $c['nombre'] === 0 => 'success',
                    $c['gravite_constatee'] === \App\Services\Controles\ControleFacturesOperations::BLOQUANT => 'danger',
                    default => 'warning',
                };
                $pastille = match ($couleur) {
                    'success' => 'bg-success-50 text-success-700 ring-success-600/20 dark:bg-success-400/10 dark:text-success-400',
                    'danger' => 'bg-danger-50 text-danger-700 ring-danger-600/20 dark:bg-danger-400/10 dark:text-danger-400',
                    default => 'bg-warning-50 text-warning-700 ring-warning-600/20 dark:bg-warning-400/10 dark:text-warning-400',
                };
                $bord = match ($couleur) {
                    'success' => 'border-l-success-500',
                    'danger' => 'border-l-danger-500',
                    default => 'border-l-warning-500',
                };
            @endphp

            <details class="rounded-xl border border-l-4 {{ $bord }} border-gray-200 bg-white p-4 dark:border-white/10 dark:bg-gray-900" data-controle="{{ $c['cle'] }}" @if ($c['nombre'] === 0) data-vide @endif>
                <summary class="flex cursor-pointer list-none items-start justify-between gap-3">
                    <span class="text-sm font-medium text-gray-950 dark:text-white">{{ $c['code'] }}. {{ $c['intitule'] }}</span>
                    <span class="inline-flex shrink-0 items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset {{ $pastille }}">
                        @if ($c['nombre'] === 0)
                            aucun
                        @else
                            {{ $c['nombre'] }} · {{ $couleur === 'danger' ? 'bloquant' : 'à vérifier' }}
                        @endif
                    </span>
                </summary>

                <div class="mt-3 space-y-3 text-sm">
                    <p class="text-gray-600 dark:text-gray-300">{{ $c['pourquoi'] }}</p>

                    @if ($c['nombre'] > 0)
                        <ul class="divide-y divide-gray-100 dark:divide-white/5">
                            @foreach ($c['lignes'] as $l)
                                <li class="flex flex-wrap items-start justify-between gap-2 py-2">
                                    <div class="min-w-0 flex-1 space-y-1">
                                        <p class="font-medium text-gray-900 dark:text-gray-100">
                                            @if ($l['facture']) Facture {{ $l['facture'] }} @endif
                                            @if ($l['client']) · {{ $l['client'] }} @endif
                                            @if ($l['operation_id']) · opération n°{{ $l['operation_id'] }} @endif
                                            @if ($l['marche']) · <span class="text-gray-500 dark:text-gray-400">{{ $l['marche'] }}</span> @endif
                                        </p>
                                        <p class="text-gray-600 dark:text-gray-300">{{ $l['detail'] }}</p>
                                        @if ($l['montant_facture'] !== null || $l['montant_operation'] !== null)
                                            <p class="text-xs tabular-nums text-gray-500 dark:text-gray-400">
                                                @if ($l['montant_facture'] !== null) Net facture {{ \App\Support\Money::format($l['montant_facture']) }} @endif
                                                @if ($l['montant_operation'] !== null) · Opération {{ \App\Support\Money::format($l['montant_operation']) }} @endif
                                            </p>
                                        @endif
                                    </div>
                                    <div class="flex shrink-0 items-center gap-2">
                                        @if ($l['lien_facture'])
                                            <x-filament::button size="xs" color="gray" tag="a" :href="$l['lien_facture']">Ouvrir la facture</x-filament::button>
                                        @endif
                                        @if ($l['lien_operation'])
                                            <x-filament::button size="xs" color="gray" tag="a" :href="$l['lien_operation']">Ouvrir l'opération</x-filament::button>
                                        @endif
                                        @if ($l['reliable'] && $peutRelier)
                                            <x-filament::button size="xs" icon="heroicon-o-link"
                                                wire:click="mountAction('relier', {{ \Illuminate\Support\Js::from(['facture' => $l['facture_id'], 'operation' => $l['operation_id'], 'jalon' => $l['jalon_id'] ?? null, 'geste' => $l['geste'] ?? null]) }})">
                                                Relier
                                            </x-filament::button>
                                        @endif
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                        <p class="text-xs text-gray-500 dark:text-gray-400"><strong>Que faire :</strong> {{ $c['action'] }}</p>
                    @endif

                    @foreach ($c['informations'] ?? [] as $info)
                        <p class="text-xs text-gray-500 dark:text-gray-400">ℹ︎ {{ $info }}</p>
                    @endforeach
                </div>
            </details>
        @endforeach
    </div>
</section>