<!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>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<link rel="stylesheet" href="css/conciertos.css">
<link rel="stylesheet" href="css/modalEliminar.css">
</head>
<body>
<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>
<div class="search-container">
<input type="search" id="buscadorColaborador" placeholder="Buscar...">
<button id="buscadorBoton">Buscar</button>
</div>
</nav>
<div id="listaConciertos"></div>
<!-- Modal de mensaje -->
<div id="modalMensaje" class="modal">
<div id="modalPanel" class="modal-contenido">
<p id="modalTexto"></p>
<button id="cerrarModal" class="btn-modal">Cerrar</button>
</div>
</div>
<!-- Modal de confirmación -->
<div id="modalConfirmacion" class="modal">
<div class="modal-contenido">
<p id="modalConfirmarTexto"></p>
<button id="btnCancelarEliminar" class="btn-modal">Cancelar</button>
<button id="btnConfirmarEliminar" class="btn-modal">Eliminar</button>
</div>
</div>
<script src="js/conciertos.js"></script>
</body>
</html>