document.addEventListener("DOMContentLoaded", function () {
  // Ajusta altura de los iframes dinámicamente
  const secciones = document.querySelectorAll("#iframe-container section iframe");
  secciones.forEach(iframe => {
    iframe.addEventListener("load", function () {
      try {
        const innerDoc = iframe.contentDocument || iframe.contentWindow.document;
        let height = innerDoc.body.scrollHeight;
        if (innerDoc.documentElement && innerDoc.documentElement.scrollHeight > height) {
          height = innerDoc.documentElement.scrollHeight;
        }
        iframe.style.height = height + "px";
      } catch (e) {
        console.warn("No se pudo ajustar la altura del iframe:", e);
      }
    });
  });

  // Mostrar Dashboard al cargar página
  mostrarSeccion("Dashboard");

  // Refrescar Dashboard al hacer clic
  const dashLink = document.querySelector("[data-section='Dashboard']");
  if (dashLink) {
    dashLink.addEventListener('click', function (e) {
      e.preventDefault();
      mostrarSeccion("Dashboard");
      const dashboardIframe = document.querySelector("#Dashboard iframe");
      if (dashboardIframe) {
        dashboardIframe.contentWindow.location.reload(true);
      }
    });
  }

  // Escuchar clics en menú
  document.querySelectorAll('.menu-links a').forEach(link => {
    link.addEventListener('click', function (e) {
      e.preventDefault();
      const seccion = this.getAttribute('data-section');
      mostrarSeccion(seccion);
    });
  });
});

// Función para mostrar la sección elegida
function mostrarSeccion(seccionID) {
  const secciones = document.querySelectorAll('#iframe-container section');
  secciones.forEach(sec => sec.style.display = 'none');

  const seccionActiva = document.getElementById(seccionID);
  if (seccionActiva) {
    seccionActiva.style.display = 'block';
  }
}
