{{--
    JOS-164 — voir/ajouter une carte SWOT directement depuis le panneau
    Aperçu ou la page dédiée d'un chantier. Même patron que
    add-chantier-risk-modal.blade.php.
--}}
@if ($addingChantierSwotEntry)
    @php $swotModalQuadrant = \App\Services\Swot\SwotQuadrant::tryFrom((string) $chantierSwotQuadrant); @endphp
    <div
        class="fixed inset-0 z-50 flex items-start justify-center overflow-y-auto bg-gray-950/50 p-4 pt-[8vh] backdrop-blur-sm"
        wire:click.self="closeAddChantierSwotEntry"
    >
        <div class="w-full max-w-sm rounded-xl border border-gray-200 bg-white shadow-xl dark:border-white/10 dark:bg-gray-900">
            <div class="flex items-center justify-between border-b border-gray-100 px-4 py-3 dark:border-white/5">
                <div class="text-sm font-semibold text-gray-950 dark:text-white">
                    Ajouter — {{ $swotModalQuadrant?->getLabel() }}
                </div>
                <button
                    type="button"
                    wire:click="closeAddChantierSwotEntry"
                    aria-label="Fermer"
                    class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-gray-400 hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-white/10 dark:hover:text-gray-200"
                >
                    <x-filament::icon icon="heroicon-o-x-mark" class="h-4 w-4" />
                </button>
            </div>

            <form wire:submit="saveChantierSwotEntry" class="flex flex-col gap-3 p-4">
                <div>
                    <label for="chantier-swot-content" class="mb-1 block text-sm font-medium text-gray-700 dark:text-gray-200">Contenu</label>
                    <textarea
                        id="chantier-swot-content"
                        wire:model="chantierSwotContent"
                        x-init="$nextTick(() => $el.focus())"
                        rows="3"
                        class="w-full rounded-lg border-gray-200 text-sm dark:border-white/10 dark:bg-gray-900 dark:text-white"
                    ></textarea>
                    @error('chantierSwotContent') <p class="mt-1 text-xs text-danger-600 dark:text-danger-400">{{ $message }}</p> @enderror
                </div>

                <div class="flex justify-end gap-2 border-t border-gray-100 pt-3 dark:border-white/5">
                    <button
                        type="button"
                        wire:click="closeAddChantierSwotEntry"
                        class="rounded-lg border border-gray-200 px-3 py-1.5 text-xs font-semibold text-gray-700 hover:bg-gray-50 dark:border-white/10 dark:text-gray-200 dark:hover:bg-white/5"
                    >
                        Annuler
                    </button>
                    <button
                        type="submit"
                        class="rounded-lg bg-primary-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-primary-500"
                    >
                        Ajouter
                    </button>
                </div>
            </form>
        </div>
    </div>
@endif