<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reporte de Ventas - BoleTC</title>
<link rel="stylesheet" href="../css/reporte_ventas.css">
</head>
<body>
<h1>Reporte de Ventas</h1>
<label for="fechaInicio">Fecha de Inicio:</label>
<input type="date" id="fechaInicio">
<label for="fechaFin">Fecha Fin:</label>
<input type="date" id="fechaFin">
<button id="generarReporte">Generar Reporte</button>
<button id="exportarCSV">Exportar a CSV</button>
<div id="reporteContainer">
<table>
<thead>
<tr>
<th>ID</th>
<th>Concierto</th>
<th>Fecha</th>
<th>Hora</th>
<th>Zona</th>
<th>Asiento</th>
<th>Precio</th>
<th>Fecha Venta</th>
</tr>
</thead>
<tbody id="tablaReporte">
<!-- Los datos se insertarán aquí con JavaScript -->
</tbody>
</table>
</div>
<button onclick="window.location.href='index.html'">Volver</button>
<script src="../js/reporte_ventas.js"></script>
</body>
</html>