Actualizar Interfaz/BoletosArtista1.html

This commit is contained in:
maria.ruiz 2025-03-10 08:01:31 +00:00
parent 5426cbe8b3
commit 1c81ba1330
1 changed files with 47 additions and 51 deletions

View File

@ -1,51 +1,47 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="es">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Selección de Asientos</title> <title>Selección de Asientos</title>
<link rel="stylesheet" href="estilos/ventaboletos.css"> <link rel="stylesheet" href="estilos/ventaboletos.css">
<link rel="stylesheet" href="estilos/modal.css"> <link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css"> </head>
</head> <body>
<body style="background-color: #f9f7f4;"> <div class="contenedor">
<br> <div class="flecha-regresar" onclick="window.location.href='Artistas.html'">
<div class="inicio-container"> &#8592;
<ul class="nav nav-pills mb-3 nav justify-content-center" id="pills-tab" role="tablist"> </div>
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Inicio</button> <div class="contenido">
</li> <h2 id="titulo">Marzo</h2>
</ul> <div class="dias">
</div> <button class="btn btn-primary" onclick="seleccionarDia(22)">22</button>
<div class="conjunto"> <button class="btn btn-primary" onclick="seleccionarDia(23)">23</button>
<h2>Marzo</h2> <button class="btn btn-primary" onclick="seleccionarDia(24)">24</button>
<div class="dias" class="btn-group" role="group"> </div>
<button class="btn btn-primary" onclick="seleccionarDia(22)">22</button> <div class="grid" id="asientos"></div>
<button class="btn btn-primary" class="selected" onclick="seleccionarDia(23)">23</button> <button class="boton-vender" onclick="venderAsientos()">Vender</button>
<button class="btn btn-primary" onclick="seleccionarDia(24)">24</button> </div>
</div> </div>
<div class="grid" id="asientos"></div>
<button class="boton-vender" onclick="venderAsientos()">Vender</button> <div id="comprobanteModal" class="modal">
</div> <div class="modal-content">
<span class="close">&times;</span>
<!-- Modal para el comprobante --> <h2>Comprobante de Compra</h2>
<div id="comprobanteModal" class="modal"> <p><strong>Artista:</strong> <span id="modalArtista"></span></p>
<div class="modal-content"> <p><strong>Día:</strong> <span id="modalDia"></span></p>
<span class="close">&times;</span> <p><strong>Asientos:</strong> <span id="modalAsientos"></span></p>
<h2>Comprobante de Compra</h2> <p><strong>Precio Total:</strong> <span id="modalPrecioTotal"></span></p>
<p><strong>Artista:</strong> <span id="modalArtista"></span></p> <p><strong>Fecha y Hora:</strong> <span id="modalFechaHora"></span></p>
<p><strong>Día:</strong> <span id="modalDia"></span></p> <div class="botones">
<p><strong>Asientos:</strong> <span id="modalAsientos"></span></p> <button class="confirmar" onclick="confirmarVenta()">Confirmar</button>
<p><strong>Precio Total:</strong> <span id="modalPrecioTotal"></span></p> <button class="rechazar" onclick="rechazarVenta()">Rechazar</button>
<p><strong>Fecha y Hora:</strong> <span id="modalFechaHora"></span></p> </div>
<div class="botones"> </div>
<button class="confirmar" onclick="confirmarVenta()">Confirmar</button> </div>
<button class="rechazar" onclick="rechazarVenta()">Rechazar</button>
</div> <script src="scripts/BoletosArtista1.js"></script>
</div> <script src="js/bootstrap.bundle.min.js"></script>
</div> </body>
</html>
<script src="scripts/BoletosArtista1.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>