From 8e94b46df7822f73084b5a7df665cd11e98fea5f Mon Sep 17 00:00:00 2001
From: "maria.ruiz" <zs22016128@estudiantes.uv.mx>
Date: Thu, 13 Mar 2025 04:16:18 +0000
Subject: [PATCH] Actualizar Interfaz/BoletosArtista1.html

---
 Interfaz/BoletosArtista1.html | 42 +++++++++++++++++++++--------------
 1 file changed, 25 insertions(+), 17 deletions(-)

diff --git a/Interfaz/BoletosArtista1.html b/Interfaz/BoletosArtista1.html
index 88b5417..edfcec8 100644
--- a/Interfaz/BoletosArtista1.html
+++ b/Interfaz/BoletosArtista1.html
@@ -9,41 +9,49 @@
 </head>
 <body>
     <div class="contenedor">
-        <div class="flecha-regresar" onclick="window.location.href='Artistas.html'">
-            &#8592;
+        <div class="seleccion-asientos">
+            <div class="flecha-regresar" onclick="window.location.href='Artistas.html'">
+                &#8592;
+            </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 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 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 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">&times;</span>
+    <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="botones">
-                <button class="confirmar" onclick="confirmarVenta()">Confirmar</button>
-                <button class="rechazar" onclick="rechazarVenta()">Rechazar</button>
+            <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>
-        // 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>