const botonExportarPDF = document.getElementById("boton-exportar-pdf");
const seleccionarFirma = document.getElementById("seleccionar-firma");

botonExportarPDF.addEventListener("click", () => {
  // Ocultar el botón durante la exportación
  botonExportarPDF.style.display = "none";

  // Obtener el contenido sin la firma
  const contenido = document.querySelector(".plan-de-culto").cloneNode(true);
  const firmaSeleccionada = seleccionarFirma.value;

  // Crear un nuevo elemento de fila y celda para la firma
  const filaFirma = document.createElement("tr");
  const celdaFirma = document.createElement("td");
  celdaFirma.colSpan = 4; // O ajusta según la cantidad de columnas en tu tabla
  celdaFirma.textContent = `Firma: ${firmaSeleccionada}`;

  // Agregar la fila de firma al final de la tabla
  filaFirma.appendChild(celdaFirma);
  contenido.querySelector(".tabla-actividades tbody").appendChild(filaFirma);

  // Abrir el cuadro de diálogo de impresión
  window.print();

  // Mostrar el botón nuevamente después de la impresión
  botonExportarPDF.style.display = "block";
});
// Asegurémonos de que el DOM esté completamente cargado antes de ejecutar el código
document.addEventListener("DOMContentLoaded", function() {
  // Obtener todas las celdas editables
  const celdasEditables = document.querySelectorAll("td[contenteditable='true']");

  // Iterar sobre las celdas editables y agregar el atributo 'data-time' para identificar la columna de tiempo
  celdasEditables.forEach(function(celda) {
    celda.setAttribute("data-time", "true");
  });

  // Función para calcular la suma total del tiempo
  function calcularSumaTotal() {
    let sumaTotal = 0;

    // Obtener todas las celdas de tiempo y sumar sus valores
    const celdasTiempo = document.querySelectorAll("td[data-time='true']");
    celdasTiempo.forEach(function(celda) {
      const tiempo = parseInt(celda.textContent);
      if (!isNaN(tiempo)) {
        sumaTotal += tiempo;
      }
    });

    // Mostrar la suma total en una nueva fila al final de la tabla
    const tablaActividades = document.querySelector(".tabla-actividades tbody");
    const filaSumaTotal = document.createElement("tr");
    filaSumaTotal.id = "fila-suma-total";
    filaSumaTotal.innerHTML = `
      <td colspan="4">Suma Total:</td>
      <td>${sumaTotal}</td>
    `;
    tablaActividades.appendChild(filaSumaTotal);
  }

  // Calcular la suma total al cargar la página
  calcularSumaTotal();

  // Escuchar cambios en las celdas de tiempo y recalcular la suma total
  document.addEventListener("input", function(event) {
    const elemento = event.target;
    if (elemento.tagName === "TD" && elemento.getAttribute("data-time")) {
      calcularSumaTotal();
    }
  });
});