{{-- Спільне вікно підтвердження для форм із data-confirm (див. resources/js/confirm_dialog.js) --}}
<flux:modal name="confirm-action" class="w-full max-w-md" data-confirm-modal>
    <div class="space-y-6">
        <div class="space-y-2">
            <flux:heading size="lg">Підтвердьте дію</flux:heading>
            <flux:text data-confirm-message></flux:text>
        </div>
        <div class="flex justify-end gap-2">
            <flux:modal.close>
                <flux:button type="button" variant="ghost">Скасувати</flux:button>
            </flux:modal.close>
            <flux:button type="button" variant="danger" data-confirm-accept>
                <span data-confirm-accept-label>Видалити</span>
            </flux:button>
        </div>
    </div>
</flux:modal>