<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Editar Evento - BoleTC</title>
    <link rel="stylesheet" href="../css/editar_evento.css">
</head>
<body>

    <h1>Editar Evento</h1>

    <form id="formEditarEvento" enctype="multipart/form-data">
        <label>Seleccionar Evento:</label>
        <select id="eventoSeleccionado" name="id" required>
            <option value="">Seleccione un evento</option>
        </select>

        <label>Nuevo Nombre:</label>
        <input type="text" name="nombre">

        <label>Nuevo Artista:</label>
        <input type="text" name="artista">        

        <label>Nueva Fecha:</label>
        <input type="date" name="fecha">

        <label>Nueva Hora:</label>
        <input type="time" name="hora">

        <label>Nueva Dirección:</label>
        <input type="text" name="direccion">

        <label>Precio VIP:</label>
        <input type="number" name="precio_vip" min="0" step="0.01" required>

        <label>Precio General:</label>
        <input type="number" name="precio_general" min="0" step="0.01" required>

        <label>Nueva Imagen:</label>
        <input type="file" name="imagen" accept="image/*">

        <button type="submit">Actualizar Concierto</button>
        <button type="button" id="btnEliminar">Eliminar Concierto</button>
        <a href="../views/index.html" class="boton-volver">Volver</a>
    </form>

    <div id="mensaje"></div>

    <script src="../js/editar_evento.js"></script>

</body>
</html>