60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
<!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="seleccion-asientos">
|
|
<div class="flecha-regresar" onclick="window.location.href='Artistas.html'">
|
|
←
|
|
</div>
|
|
|
|
<h2 id="titulo">Marzo</h2>
|
|
<div class="dias"></div>
|
|
<div class="escenario"></div>
|
|
<div class="grid" id="asientos"></div>
|
|
<button class="boton-vender" id="btnVender">Vender</button>
|
|
</div>
|
|
|
|
<div id="panel-boletos" class="panel-boletos">
|
|
<h3>Boletos</h3>
|
|
<div id="lista-boletos" class="lista-boletos"></div>
|
|
<hr>
|
|
<div class="total">
|
|
<strong>Total:</strong> <span id="total-precio">$0 MXN</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="modal-overlay" id="modalOverlay">
|
|
<div id="comprobanteModal">
|
|
<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="modal-buttons">
|
|
<button class="cancel" onclick="rechazarVenta()">Cancelar</button>
|
|
<button class="confirm" onclick="confirmarVenta()">Confirmar</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="scripts/BoletosArtista.js"></script>
|
|
<script>
|
|
inicializarPagina('The Driver Era', [22, 23, 24]);
|
|
</script>
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|