document.getElementById('formReporte').addEventListener('submit', (event) => {
    event.preventDefault();

    const fechaInicio = document.getElementById('fecha_inicio').value;
    const fechaFin = document.getElementById('fecha_fin').value;

    fetch(`controladores/generar-reporte.php?fecha_inicio=${fechaInicio}&fecha_fin=${fechaFin}`)
        .then(response => response.json())
        .then(data => {
            const tbody = document.getElementById('resultados');

            if (!tbody) {
                console.error('Elemento tbody no encontrado.');
                return;
            }

            tbody.innerHTML = '';

            if (data.ventas && data.ventas.length > 0) {
                data.ventas.forEach(venta => {
                    tbody.innerHTML += `
                        <tr>
                            <td>${venta.fecha_venta}</td>
                            <td>${venta.artista}</td>
                            <td>${venta.lugar}</td>
                            <td>${venta.numero_asiento}</td>
                            <td>${venta.precio}</td>
                        </tr>`;
                });
            } else {
                tbody.innerHTML = '<tr><td colspan="5">No hay ventas en este período.</td></tr>';
            }
        })
        .catch(err => {
            console.error("Error al generar reporte:", err);
        });
});