@if(session('notification') && is_array(session('notification')))
    <div class="toast-container p-3 bottom-0 start-50 translate-middle-x">
        <div id="notification_toast" class="toast align-items-center text-bg-{{ session('notification.class') }} border-0 p-2" role="alert" aria-live="assertive" aria-atomic="true">
            <div class="d-flex">
                <div class="toast-body">
                    {{ session('notification.message') }}
                </div>
                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function() {
            var toastEl = document.getElementById('notification_toast');
            if (toastEl) {
                var toast = new bootstrap.Toast(toastEl);
                toast.show();
            }
        });
    </script>

@endif