134 lines
7.5 KiB
HTML
134 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Registro de Conciertos</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/ventanaPrincipal.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Navbar -->
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="ventanaInsertarConcierto.html">TicketFei</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav me-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href="ventanaInsertarConcierto.html">Crear conciertos</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href="ventanaConciertos.html">Ver conciertos</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Reporte Ventas</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<form class="d-flex">
|
|
<input class="form-control me-2" type="search" id="buscadorColaborador" placeholder="Buscar concierto" aria-label="Buscar">
|
|
<button class="btn btn-outline-light" type="submit" id="buscadorBoton">
|
|
<i class="bi bi-search"></i>
|
|
</button>
|
|
</form>
|
|
</li>
|
|
|
|
</ul>
|
|
<button class="btn btn-danger" id="cerrarSesion">Cerrar Sesión</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Contenedor Principal -->
|
|
<div class="container mt-5">
|
|
<div class="row">
|
|
<!-- Formulario de Registro de Conciertos -->
|
|
<div class="col-md-5">
|
|
<div class="card shadow-sm p-4">
|
|
<h2 class="text-center">Registrar Concierto</h2>
|
|
<form id="formulario" method="POST" action="controladores/insertar_concierto.php">
|
|
<div class="mb-3">
|
|
<label for="nombre_concierto" class="form-label">Nombre del Concierto:</label>
|
|
<input type="text" class="form-control" id="nombre_concierto" name="nombre_concierto" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="artista" class="form-label">Artista:</label>
|
|
<input type="text" class="form-control" id="artista" name="artista" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="fecha" class="form-label">Fecha del Concierto:</label>
|
|
<input type="date" class="form-control" id="fecha" name="fecha" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="calle" class="form-label">Calle:</label>
|
|
<input type="text" class="form-control" id="calle" name="calle" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="colonia" class="form-label">Colonia:</label>
|
|
<input type="text" class="form-control" id="colonia" name="colonia" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="numero_direccion" class="form-label">Número exterior:</label>
|
|
<input type="text" class="form-control" id="numero_direccion" name="numero_direccion" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="codigo_postal" class="form-label">Código Postal:</label>
|
|
<input type="text" class="form-control" id="codigo_postal" name="codigo_postal" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="estado" class="form-label">Estado:</label>
|
|
<input type="text" class="form-control" id="estado" name="estado" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="capacidad_total" class="form-label">Capacidad Total:</label>
|
|
<input type="number" class="form-control" id="capacidad_total" name="capacidad_total" required>
|
|
</div>
|
|
|
|
<!-- Sección de Zonas -->
|
|
<fieldset class="border p-3 mb-3">
|
|
<legend class="w-auto">Zonas</legend>
|
|
<div class="mb-3">
|
|
<label class="form-label">Zona General - Capacidad:</label>
|
|
<input type="number" class="form-control" id="capacidad_general" name="capacidad_general" required>
|
|
<label class="form-label">Precio:</label>
|
|
<input type="number" step="0.01" class="form-control" id="precio_general" name="precio_general" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Zona Plata - Capacidad:</label>
|
|
<input type="number" class="form-control" id="capacidad_plata" name="capacidad_plata" required>
|
|
<label class="form-label">Precio:</label>
|
|
<input type="number" step="0.01" class="form-control" id="precio_plata" name="precio_plata" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Zona Oro - Capacidad:</label>
|
|
<input type="number" class="form-control" id="capacidad_oro" name="capacidad_oro" required>
|
|
<label class="form-label">Precio:</label>
|
|
<input type="number" step="0.01" class="form-control" id="precio_oro" name="precio_oro" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Zona VIP - Capacidad:</label>
|
|
<input type="number" class="form-control" id="capacidad_vip" name="capacidad_vip" required>
|
|
<label class="form-label">Precio:</label>
|
|
<input type="number" step="0.01" class="form-control" id="precio_vip" name="precio_vip" required>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<div class="d-grid gap-2">
|
|
<input type="submit" value="Registrar concierto">
|
|
</div>
|
|
</form>
|
|
<div id="mensaje" class="mt-3 text-center"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="js/conciertos.js"></script>
|
|
</body>
|
|
</html>
|