{{--
    Bandeau « Pièces obligatoires » : trois voyants en tête de la fiche client.
    Un voyant rouge est un bouton qui ouvre la fenêtre de dépôt sur le bon type.
--}}
@php
    $voyants = $this->voyants();
@endphp

<x-filament-widgets::widget>
    @if ($voyants !== [])
        <x-filament::section
            :heading="'Pièces obligatoires'"
            :icon="$this->toutEstLa() ? 'heroicon-o-shield-check' : 'heroicon-o-exclamation-triangle'"
            :icon-color="$this->toutEstLa() ? 'success' : 'danger'"
        >
            <div class="flex flex-wrap gap-3">
                @foreach ($voyants as $voyant)
                    @if ($voyant['present'])
                        <span
                            class="inline-flex items-center gap-2 rounded-lg border border-success-300 bg-success-50 px-3 py-2 text-sm font-medium text-success-800 dark:border-success-500/40 dark:bg-success-500/10 dark:text-success-300"
                        >
                            <x-filament::icon icon="heroicon-o-check-circle" class="h-5 w-5" />
                            {{ $voyant['libelle'] }}
                        </span>
                    @else
                        <button
                            type="button"
                            wire:click="mountAction('{{ $this->nomAction($voyant['type']) }}')"
                            class="inline-flex items-center gap-2 rounded-lg border border-danger-300 bg-danger-50 px-3 py-2 text-sm font-medium text-danger-800 transition hover:bg-danger-100 dark:border-danger-500/40 dark:bg-danger-500/10 dark:text-danger-300 dark:hover:bg-danger-500/20"
                        >
                            <x-filament::icon icon="heroicon-o-x-circle" class="h-5 w-5" />
                            {{ $voyant['libelle'] }}
                            <span class="text-xs font-normal opacity-80">— manquante, déposer</span>
                        </button>
                    @endif
                @endforeach
            </div>
        </x-filament::section>

        <x-filament-actions::modals />
    @endif
</x-filament-widgets::widget>