aled2305

<div x-data="{ open: false, itemId: null, itemName: '', deleteRoute: '' }"
    @open-modal.window="open = true; itemId = $event.detail.id; itemName = $event.detail.name; deleteRoute = $event.detail.route"
    x-show="open" x-cloak class="fixed inset-0 flex items-center justify-center z-50">

    <!-- Overlay background -->
    <div x-show="open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200"
        x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
        class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div>