diff --git a/Interfaz/BoletosArtista1.html b/Interfaz/BoletosArtista1.html index a5ee0af..bf779f8 100644 --- a/Interfaz/BoletosArtista1.html +++ b/Interfaz/BoletosArtista1.html @@ -1,51 +1,47 @@ -<!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="estilos/modal.css"> - <link rel="stylesheet" href="css/bootstrap.min.css"> -</head> -<body style="background-color: #f9f7f4;"> - <br> - <div class="inicio-container"> - <ul class="nav nav-pills mb-3 nav justify-content-center" id="pills-tab" role="tablist"> - <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> - </li> - </ul> - </div> - <div class="conjunto"> - <h2>Marzo</h2> - <div class="dias" class="btn-group" role="group"> - <button class="btn btn-primary" onclick="seleccionarDia(22)">22</button> - <button class="btn btn-primary" class="selected" 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> - - <!-- Modal para el comprobante --> - <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/BoletosArtista1.js"></script> - <script src="js/bootstrap.bundle.min.js"></script> -</body> -</html> \ No newline at end of file +<!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/BoletosArtista1.js"></script> + <script src="js/bootstrap.bundle.min.js"></script> +</body> +</html>