document.addEventListener('DOMContentLoaded', () => {
  const toastElList = document.querySelectorAll('.toast');
  if (toastElList.length > 0 && typeof bootstrap !== 'undefined') {
    toastElList.forEach((toastEl) => {
      const toast = new bootstrap.Toast(toastEl);
      toast.show();
    });
  }
});