<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Selección de Asientos</title>
<link rel="stylesheet" href="estilos/ventaboletos.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<div class="contenedor">
<div class="flecha-regresar" onclick="window.location.href='Artistas.html'">
←
</div>
<div class="contenido">
<h2 id="titulo">Marzo</h2>
<div class="dias">
<button class="btn btn-primary" onclick="seleccionarDia(22)">22</button>
<button class="btn btn-primary" onclick="seleccionarDia(23)">23</button>
<button class="btn btn-primary" onclick="seleccionarDia(24)">24</button>
</div>
<div class="grid" id="asientos"></div>
<button class="boton-vender" onclick="venderAsientos()">Vender</button>
</div>
</div>
<div id="comprobanteModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<h2>Comprobante de Compra</h2>
<p><strong>Artista:</strong> <span id="modalArtista"></span></p>
<p><strong>Día:</strong> <span id="modalDia"></span></p>
<p><strong>Asientos:</strong> <span id="modalAsientos"></span></p>
<p><strong>Precio Total:</strong> <span id="modalPrecioTotal"></span></p>
<p><strong>Fecha y Hora:</strong> <span id="modalFechaHora"></span></p>
<div class="botones">
<button class="confirmar" onclick="confirmarVenta()">Confirmar</button>
<button class="rechazar" onclick="rechazarVenta()">Rechazar</button>
</div>
</div>
</div>
<script src="scripts/BoletosArtista.js"></script>
<script>
// Inicializar la página con los datos de The 1975
inicializarPagina('The Driver Era', [22, 23, 24]);
</script>
<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>