const NOTION_API_KEY = 'secret_h4cRGBsfSCDVMuE0HbQQAvA70Y0dHtMyG9DQPVJiC45'; // Reemplaza con tu API key de Notion
const NOTION_DATABASE_ID = '1023236a405b4b39bf4acfc322c536d8'; // Reemplaza con el ID de tu base de datos en Notion

document.getElementById("enviarTabla").addEventListener("click", () => {
    const table = document.getElementById("tabla");

    // Convertir la tabla HTML a un formato compatible con Notion (rich text)
    const rows = table.querySelectorAll("tr");
    const tableContent = [];
    for (let i = 1; i < rows.length; i++) {
      const cells = rows[i].querySelectorAll("td");
      const rowData = [];
      for (let j = 0; j < cells.length; j++) {
        rowData.push(cells[j].textContent);
      }
      tableContent.push(rowData.join("\n"));
    }

    const data = {
      parent: { database_id: NOTION_DATABASE_ID },
      properties: {
        title: {
          title: [
            {
              text: {
                content: "Tabla enviada a Notion",
              },
            },
          ],
        },
        // Agregar el contenido de la tabla al cuerpo de la página
        properties: {
          [NOTION_PROPERTY_NAME]: {
            rich_text: tableContent.map((row) => ({
              text: {
                content: row,
              },
            })),
          },
        },
      },
    };

    fetch('https://api.notion.com/v1/pages', {
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${NOTION_API_KEY}`,
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(data),
    })
    .then((response) => response.json())
    .then((data) => {
      console.log('Respuesta del servidor:', data);
      // Puedes realizar acciones adicionales aquí, como mostrar un mensaje de éxito, etc.
    })
    .catch((error) => {
      console.error('Error:', error);
    });
  });