@if (session('success'))
<div 
    x-data="{ show: true }" 
    x-show="show" 
    x-init="setTimeout(() => show = false, 3000)" 
    x-transition:leave="transform transition ease-in-out duration-500" 
    x-transition:leave-start="translate-x-0 opacity-100" 
    x-transition:leave-end="translate-x-full opacity-0" 
    class="fixed top-5 right-5 bg-green-500 text-white px-4 py-3 rounded-lg shadow-lg z-50"
>
    {{ session('success') }}
</div>
@endif