document.addEventListener('DOMContentLoaded', () => {
  document.querySelectorAll('.toast').forEach((toastEl) => {
    const toast = new bootstrap.Toast(toastEl, { delay: 4500 });
    toast.show();
  });

  document.querySelectorAll('input[data-uppercase="true"]').forEach((input) => {
    input.addEventListener('input', () => {
      input.value = input.value.toUpperCase();
    });
  });
});