@if (session('success') || session('error') || session('info'))
<script>
document.addEventListener('DOMContentLoaded', () => {

    let container = document.getElementById('toast-container');

    if (!container) {
        container = document.createElement('div');
        container.id = 'toast-container';
        container.className = 'toasted-container app-toast app-toast--d top-left';
        document.body.appendChild(container);
    }

    const type = @json(
        session('success') ? 'success' :
        (session('error') ? 'error' : 'info')
    );

    const message = @json(
        session('success') ??
        session('error') ??
        session('info')
    );

    const toast = document.createElement('div');
    toast.className = `toasted app-toast toast--${type} toasted-primary ${type}`;
    toast.style.cssText = 'touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity:1; transform: translateY(-35px);';

    // ================= ICON =================
    const icon = document.createElement('i');
    icon.setAttribute('aria-hidden', 'true');

    if (type === 'error') {
        icon.className = 'icon-exclamation-triangle';
    } else if (type === 'success') {
        icon.className = 'icon-check-circle';
    } else {
        icon.className = 'icon-info-circle';
    }

    toast.appendChild(icon);

    // ================= MESSAGE =================
    const span = document.createElement('span');
    span.textContent = message;
    toast.appendChild(span);

    // ================= CLOSE =================
    const closeBtn = document.createElement('a');
    closeBtn.className = 'action ripple icon-times-circle';

    closeBtn.addEventListener('click', () => {
        container.removeChild(toast);
    });

    toast.appendChild(closeBtn);

    // ================= APPEND =================
    container.appendChild(toast);

    setTimeout(() => {
        if (container.contains(toast)) {
            container.removeChild(toast);
        }
    }, 3000);

});

if (window.history.replaceState) {
    const cleanUrl = window.location.protocol + '//' + window.location.host + window.location.pathname;
    window.history.replaceState({ path: cleanUrl }, '', cleanUrl);
}
</script>
@endif