document.addEventListener("DOMContentLoaded", () => {
  const loader = document.getElementById("loader-overlay"); // déjà présent dans le layout.ejs
  const errorMessage = document.getElementById("error-message");

  let activateTimeout = null;

  //activer le loader et le montrer a l'écran
  window.showLoader = function() {
    clearTimeout(activateTimeout);
    errorMessage.style.display = "none";
    loader.classList.remove("hidden");

    activateTimeout = setTimeout(() => {
      loader.classList.add("active");
    }, 500);
  };

  //enlever le loader et le faire disparaitre
  window.hideLoader = function() {
    clearTimeout(activateTimeout);
    loader.classList.remove("active");
    setTimeout(() => loader.classList.add("hidden"), 500);
  };

  //cas d'erreur
  window.showError = function(msg) {
    clearTimeout(activateTimeout);
    errorMessage.textContent = msg;
    errorMessage.style.display = "block";
  };
});