129 lines
5.4 KiB
HTML
129 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Editar Concierto</title>
|
|
<link rel="stylesheet" href="css/conciertos.css">
|
|
<link rel="stylesheet" href="css/formulario.css">
|
|
<link rel="stylesheet" href="css/modalActualizar.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Navbar -->
|
|
<nav>
|
|
<a href="ventanaConciertos.html" class="navbar-brand">TicketFei</a>
|
|
<div class="nav-links">
|
|
<a href="ventanaInsertarConcierto.html">Crear Conciertos</a>
|
|
<a href="ventanaConciertos.html">Ver Conciertos</a>
|
|
<a href="boletos.html"> Ver Boletos Vendidos</a>
|
|
<a href="ventanaReporteVentas.html">Reporte Ventas</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Contenedor -->
|
|
<div class="container">
|
|
<h2 class="text-center">Editar Concierto</h2>
|
|
<form id="formulario">
|
|
|
|
<!-- Paso 1: Datos generales -->
|
|
<div id="paso1">
|
|
<div class="mb-3">
|
|
<label for="nombre_concierto">Nombre del Concierto:</label>
|
|
<input type="text" id="nombre_concierto" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="artista">Artista:</label>
|
|
<input type="text" id="artista" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="fecha">Fecha del Concierto:</label>
|
|
<input type="date" id="fecha" required>
|
|
</div>
|
|
<button type="button" class="btn next-btn" onclick="siguientePaso(2)">Siguiente</button>
|
|
</div>
|
|
|
|
<!-- Paso 2: Dirección -->
|
|
<div id="paso2" class="d-none">
|
|
<div class="mb-3">
|
|
<label for="calle">Calle:</label>
|
|
<input type="text" id="calle" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="colonia">Colonia:</label>
|
|
<input type="text" id="colonia" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="numero_direccion">Número exterior:</label>
|
|
<input type="text" id="numero_direccion" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="codigo_postal">Código Postal:</label>
|
|
<input type="text" id="codigo_postal" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="estado">Estado:</label>
|
|
<input type="text" id="estado" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="capacidad_total">Capacidad Total:</label>
|
|
<input type="number" id="capacidad_total" required>
|
|
</div>
|
|
<button type="button" class="btn prev-btn" onclick="siguientePaso(1)">Anterior</button>
|
|
<button type="button" class="btn next-btn" onclick="siguientePaso(3)">Siguiente</button>
|
|
</div>
|
|
|
|
<!-- Paso 3: Zonas -->
|
|
<div id="paso3" class="d-none">
|
|
<fieldset>
|
|
<legend>Zonas</legend>
|
|
|
|
<div class="mb-3">
|
|
<label>Zona General - Capacidad:</label>
|
|
<input type="number" id="capacidad_general" required oninput="actualizarCapacidad()">
|
|
<label>Precio:</label>
|
|
<input type="number" step="0.01" id="precio_general" required>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label>Zona Plata - Capacidad:</label>
|
|
<input type="number" id="capacidad_plata" required oninput="actualizarCapacidad()">
|
|
<label>Precio:</label>
|
|
<input type="number" step="0.01" id="precio_plata" required>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label>Zona Oro - Capacidad:</label>
|
|
<input type="number" id="capacidad_oro" required oninput="actualizarCapacidad()">
|
|
<label>Precio:</label>
|
|
<input type="number" step="0.01" id="precio_oro" required>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label>Zona VIP - Capacidad:</label>
|
|
<input type="number" id="capacidad_vip" required oninput="actualizarCapacidad()">
|
|
<label>Precio:</label>
|
|
<input type="number" step="0.01" id="precio_vip" required>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<!-- Agregar capacidad disponible -->
|
|
<p>Capacidad disponible: <span id="capacidad_disponible">0</span></p>
|
|
|
|
<button type="button" class="btn prev-btn" onclick="siguientePaso(2)">Anterior</button>
|
|
<button type="submit" class="btn submit-btn">Actualizar Concierto</button>
|
|
</div>
|
|
</form>
|
|
<div id="mensaje" class="mt-3 text-center"></div>
|
|
</div>
|
|
|
|
<div id="modalMensaje" class="modal">
|
|
<div class="modal-contenido">
|
|
<p id="modalTexto"></p>
|
|
<button id="cerrarModal" class="btn-modal">Cerrar</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/editarConcierto.js"></script>
|
|
</body>
|
|
</html> |