// viewManager.js

const ViewManager = (() => {
  const mainBody = document.querySelector(".main-body");
  const modal = document.getElementById("trackModal");

  function load(templateFn, data) {
    if (!mainBody) return;
    mainBody.innerHTML = templateFn(data);
  }

  function showModal(templateFn, data) {
    if (!modal) return;
    modal.innerHTML = templateFn(data);
    modal.style.display = "block";
  }

  function hideModal() {
    if (!modal) return;
    modal.style.display = "none";
    modal.innerHTML = "";
  }

  return { load, showModal, hideModal };
})();