document.addEventListener('DOMContentLoaded', () => {
  const toastEls = document.querySelectorAll('[data-toast="auto"]');
  toastEls.forEach((el) => {
    if (window.bootstrap && bootstrap.Toast) {
      const toast = new bootstrap.Toast(el, { delay: 3500 });
      toast.show();
    }
  });
});