@if (session('success') || session('error') || session('info') || session('warning'))
    <script>
        // Esperar a que el DOM y SweetAlert2 estén listos
        window.addEventListener('load', function() {
            // Verificar que Swal esté disponible
            if (typeof Swal === 'undefined') {
                console.error('SweetAlert2 no está cargado');
                return;
            }
            
            console.log('Toast component: Session detected');
            
            const Toast = Swal.mixin({
              toast: true,
              position: "top-end",
              showConfirmButton: false,
              timer: 3000,
              timerProgressBar: true,
              width: '30rem',
              didOpen: (toast) => {
                toast.onmouseenter = Swal.stopTimer;
                toast.onmouseleave = Swal.resumeTimer;
              }
            });

            let icon, title;

            @if(session('success'))
                icon = 'success';
                title = "{{ session('success') }}";
            @elseif(session('error'))
                icon = 'error';
                title = "{{ session('error') }}";
            @elseif(session('info'))
                icon = 'info';
                title = "{{ session('info') }}";
            @elseif(session('warning'))
                icon = 'warning';
                title = "{{ session('warning') }}";
            @endif

            // Mostrar el toast
            Toast.fire({
              icon: icon,
              title: title
            });
        });
    </script>
@endif