diff --git a/Interfaz/BoletosArtista1.html b/Interfaz/BoletosArtista1.html
index bf779f8..88b5417 100644
--- a/Interfaz/BoletosArtista1.html
+++ b/Interfaz/BoletosArtista1.html
@@ -41,7 +41,11 @@
</div>
</div>
- <script src="scripts/BoletosArtista1.js"></script>
+ <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>
diff --git a/Interfaz/BoletosArtista2.html b/Interfaz/BoletosArtista2.html
index b6be199..b2fa438 100644
--- a/Interfaz/BoletosArtista2.html
+++ b/Interfaz/BoletosArtista2.html
@@ -3,10 +3,9 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Selección de Asientos</title>
+ <title>Selección de Asientos - The 1975</title>
<link rel="stylesheet" href="estilos/ventaboletos.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
- <script src="js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="contenedor">
@@ -16,16 +15,33 @@
<div class="contenido">
<h2 id="titulo">Abril</h2>
- <div class="dias">
- <button class="btn btn-primary" onclick="seleccionarDia(5)">5</button>
- <button class="btn btn-primary" onclick="seleccionarDia(6)">6</button>
- <button class="btn btn-primary" onclick="seleccionarDia(7)">7</button>
- </div>
+ <div class="dias"></div>
<div class="grid" id="asientos"></div>
<button class="boton-vender" onclick="venderAsientos()">Vender</button>
</div>
</div>
- <script src="scripts/Artista2.js"></script>
+ <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 1975', [5, 6, 7]);
+</script>
+ <script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>
\ No newline at end of file
diff --git a/Interfaz/BoletosArtista3.html b/Interfaz/BoletosArtista3.html
index 1d53983..9583d9b 100644
--- a/Interfaz/BoletosArtista3.html
+++ b/Interfaz/BoletosArtista3.html
@@ -3,10 +3,9 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Selección de Asientos</title>
+ <title>Selección de Asientos - Taylor Swift</title>
<link rel="stylesheet" href="estilos/ventaboletos.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
- <script src="js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="contenedor">
@@ -16,17 +15,34 @@
<div class="contenido">
<h2 id="titulo">Abril</h2>
- <div class="dias">
- <button class="btn btn-primary" onclick="seleccionarDia(18)">18</button>
- <button class="btn btn-primary" onclick="seleccionarDia(19)">19</button>
- <button class="btn btn-primary" onclick="seleccionarDia(20)">20</button>
- </div>
+ <div class="dias"></div>
<div class="grid" id="asientos"></div>
<button class="boton-vender" onclick="venderAsientos()">Vender</button>
</div>
</div>
- <script src="scripts/Artista3.js"></script>
-</body>
-</html>
+ <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 Taylor Swift
+ inicializarPagina('Taylor Swift', [18, 19, 20]);
+ </script>
+
+ <script src="js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
\ No newline at end of file