<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ver Boletos</title>
<link rel="stylesheet" href="css/conciertos.css">
<link rel="stylesheet" href="css/formulario.css">
<link rel="stylesheet" href="css/tablaBoletos.css">
</head>
<body>
<!-- Navbar -->
<nav class="navbar">
<a href="ventanaConciertos.html" class="navbar-brand">TicketFei</a>
<div class="nav-links">
<a href="ventanaInsertarConcierto.html">Crear Conciertos</a>
<a href="ventanaConciertos.html">Ver Conciertos</a>
<a href="boletos.html" class="active">Ver Boletos Vendidos</a>
<a href="ventanaReporteVentas.html">Reporte Ventas</a>
</div>
</nav>
<!-- Contenedor de boletos -->
<div class="contenedor-boletos">
<h2 class="titulo"> Boletos Vendidos</h2>
<table class="tabla-boletos">
<thead>
<tr>
<th>Comprador</th>
<th>Concierto</th>
<th>Artista</th>
<th>Fecha</th>
<th>Zona</th>
<th>Asiento</th>
<th>Acciones</th>
</tr>
</thead>
<tbody id="tabla-boletos">
<!-- Aquí se cargarán los boletos con JavaScript -->
</tbody>
</table>
</div>
<script src="js/boletos.js"></script>
</body>
</html>