{{-- v1.14.0 — « À valider › Pièces » : l'aperçu, les contrôles du dépôt, la saisie face à la pièce lue. --}}
@php
    $controles = (array) ($piece->controles ?? []);
    $points = $piece->pointsAVerifier();
    $ok = (array) ($controles['ok'] ?? []);
    $concordance = (array) ($controles['concordance'] ?? []);
    $client = $piece->client;
    $url = route('client-document.inline', $piece);
@endphp
<div class="grid gap-6 lg:grid-cols-2">
    <div class="space-y-2">
        <div class="overflow-hidden rounded-xl border border-gray-200 bg-gray-50 dark:border-white/10 dark:bg-white/5" style="height: 460px">
            @if ($piece->estPdf() || $piece->estImage())
                <iframe src="{{ $url }}" title="Aperçu de la pièce" class="h-full w-full" style="border: 0"></iframe>
            @else
                <div class="flex h-full items-center justify-center text-sm text-gray-500">Aperçu indisponible pour ce format.</div>
            @endif
        </div>
        <div class="flex items-center justify-between text-sm">
            <span class="text-gray-500">{{ $piece->original_name }}{{ $piece->size ? ' · '.number_format($piece->size / 1048576, 1, ',', ' ').' Mo' : '' }}</span>
            <a href="{{ $url }}" target="_blank" rel="noopener" class="font-semibold text-primary-600 hover:underline">Ouvrir en grand</a>
        </div>
    </div>

    <div class="space-y-5">
        <div class="text-sm">
            <div class="font-semibold text-gray-950 dark:text-white">{{ $client?->raison_sociale }}</div>
            <div class="text-gray-500">
                {{ collect([$client?->rep_nom, $client?->rep_piece_numero ? 'pièce n° '.$client->rep_piece_numero : null])->filter()->implode(' · ') }}
            </div>
            <div class="text-gray-500">Déposée le {{ $piece->created_at?->format('d/m/Y à H:i') }}{{ $client?->apporteur ? ' · dossier du cabinet '.$client->apporteur->raison_sociale : '' }}</div>
        </div>

        <div>
            <div class="mb-1 text-xs font-bold uppercase tracking-wide text-gray-500">Contrôles automatiques</div>
            <ul class="divide-y divide-gray-100 text-sm dark:divide-white/5">
                @foreach ($ok as $ligne)
                    <li class="flex items-center gap-2 py-1.5"><x-filament::icon icon="heroicon-m-check" class="h-4 w-4 text-success-600"/>{{ $ligne }}</li>
                @endforeach
                @foreach ($points as $point)
                    <li class="flex items-start gap-2 py-1.5 text-warning-700 dark:text-warning-400">
                        <x-filament::icon icon="heroicon-m-exclamation-triangle" class="mt-0.5 h-4 w-4"/>
                        <span><b>{{ $point['libelle'] }}</b> — {{ $point['detail'] }}</span>
                    </li>
                @endforeach
                @if ($ok === [] && $points === [])
                    <li class="py-1.5 text-gray-500">Aucun contrôle enregistré pour cette pièce.</li>
                @endif
            </ul>
        </div>

        @if ($concordance !== [])
            <div>
                <div class="mb-1 text-xs font-bold uppercase tracking-wide text-gray-500">Saisi face à la pièce lue</div>
                <table class="w-full text-sm">
                    <thead><tr class="text-left text-xs text-gray-500"><th class="py-1 pe-2">Champ</th><th class="py-1 pe-2">Saisi</th><th class="py-1 pe-2">Lu sur la pièce</th><th></th></tr></thead>
                    <tbody>
                        @foreach ($concordance as $ligne)
                            <tr class="border-t border-gray-100 dark:border-white/5 {{ $ligne['egal'] ? '' : 'bg-warning-50 dark:bg-warning-500/10' }}">
                                <td class="py-1.5 pe-2 text-gray-500">{{ $ligne['champ'] }}</td>
                                <td class="py-1.5 pe-2">{{ $ligne['saisi'] }}</td>
                                <td class="py-1.5 pe-2 {{ $ligne['egal'] ? '' : 'font-semibold text-warning-700' }}">{{ $ligne['lu'] }}</td>
                                <td class="py-1.5">{!! $ligne['egal'] ? '<span class="text-success-600">✓</span>' : '<span class="text-warning-600">≠</span>' !!}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif

        <p class="text-xs text-gray-500">Un refus envoie votre message au client, son cabinet en copie, avec un bouton « Remplacer » dans son espace. Un RC ne lève l'alerte du délai d'immatriculation qu'une fois validé.</p>
    </div>
</div>