<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Agregar un nuevo evento</title>
    <link rel="stylesheet" href="/css/addStyles.css">
    <link rel="stylesheet" href="/css/general/footer.css">
</head>
<body>
<header>
    <h1>Agregar Nuevo Evento</h1>
    <nav>
        <a href="/admincalendar">Volver a la administracion</a>|
        <a href="/logout">Cerrar sesión</a>
    </nav>
</header>
<main>
    <div class="container">
        <h1 class="text-center my-4">Actualizar Evento</h1>
        <form method="POST" action="/actualizarcalendar/<%= evento.id %>">
            <div class="form-group">
                <label for="cliente">Cliente:</label>
                <input type="text" id="cliente" name="cliente" class="form-control" value="<%= evento.cliente %>">
            </div>

            <div class="form-group">
                <label for="empresa">Empresa:</label>
                <input type="text" id="empresa" name="empresa" class="form-control" value="<%= evento.empresa %>">
            </div>

            <div class="form-group">
                <label for="fecha">Fecha:</label>
                <input type="date" id="fecha" name="fecha" class="form-control" value="<%= evento.date %>" required>
            </div>
            
            <div class="form-group">
                <label for="descripcion">Descripción:</label>
                <textarea id="descripcion" name="descripcion" class="form-control" required><%= evento.description %></textarea>
            </div>
            
            <div class="form-group">
                <label for="hora">Hora:</label>
                <input type="time" id="hora" name="hora" class="form-control" value="<%= evento.hora %>">
            </div>
            
            <div class="form-group">
                <label for="asistentes">Asistentes:</label>
                <input type="number" id="asistentes" name="asistentes" class="form-control" value="<%= evento.asistentes %>">
            </div>
            
            <div class="form-group">
                <label for="menu">Menú:</label>
                <input type="text" id="menu" name="menu" class="form-control" value="<%= evento.menu %>">
            </div>
            
            <div class="form-group">
                <label for="acomodo_mobiliario">Acomodo de Mobiliario:</label>
                <select id="acomodo_mobiliario" name="acomodo_mobiliario" class="form-control" required>
                    <option value="">Seleccione una opción</option>
                    <option value="imperial" <%= evento.acomodoMobiliario === 'imperial' ? 'selected' : '' %>>Imperial</option>
                    <option value="herradura" <%= evento.acomodoMobiliario === 'herradura' ? 'selected' : '' %>>Herradura</option>
                    <option value="escuela" <%= evento.acomodoMobiliario === 'escuela' ? 'selected' : '' %>>Escuela</option>
                    <option value="auditorio"<%= evento.acomodoMobiliario==='auditorio'? 'selected' : ''%>>Auditorio</option>
                    <option value="banquete" <%= evento.acomodoMobiliario==='banquete'? 'selected' : ''%>>Banquete</option>
                </select>
            </div>
            
            <div class="form-group">
                <label for="precio">Precio:</label>
                <input type="number" id="precio" name="precio" class="form-control" value="<%= evento.precio %>">
            </div>
            
            <div class="form-group">
                <label for="metodoPago">Método de Pago:</label>
                <select id="metodoPago" name="metodoPago" class="form-control" required>
                    <option value="">Seleccione una opción</option>
                    <option value="Efectivo" <%= evento.metodoPago === 'Efectivo' ? 'selected' : '' %>>Efectivo</option>
                    <option value="Deposito" <%= evento.metodoPago === 'Deposito' ? 'selected' : '' %>>Deposito</option>
                    <option value="Tarjeta" <%= evento.metodoPago === 'Tarjeta' ? 'selected' : '' %>>Tarjeta</option>
                    <option value="Transferencia" <%= evento.metodoPago === 'Transferencia' ? 'selected' : '' %>>Transferencia</option>
                </select>
            </div>
            
            <div class="form-group">
                <label for="estatusPago">Estatus de Pago:</label>
                <select id="estatusPago" name="estatusPago" class="form-control" required>
                    <option value="">Seleccione una opción</option>
                    <option value="Pagado" <%= evento.estatusPago === 'Pagado' ? 'selected' : '' %>>Pagado</option>
                    <option value="Por_pagar" <%= evento.estatusPago === 'Por_pagar' ? 'selected' : '' %>>Por pagar</option>
                </select>
            </div>
            
            <div class="form-group">
                <label for="equipoAudivisual">Equipo Audiovisual:</label>
                <input type="text" id="equipoAudivisual" name="equipoAudivisual" class="form-control" value="<%= evento.equipoAudivisual %>">
            </div>
            
            <div class="form-group">
                <label for="salon">Salón:</label>
                <select id="salon" name="salon" class="form-control" required>
                    <option value="">Seleccione una opción</option>
                    <option value="Milan" <%= evento.salon === 'Milan' ? 'selected' : '' %>>Milan</option>
                    <option value="Milan1" <%= evento.salon === 'Milan1' ? 'selected' : '' %>>Milan 1</option>
                    <option value="Milan2" <%= evento.salon === 'Milan2' ? 'selected' : '' %>>Milan 2</option>
                    <option value="Marbella" <%= evento.salon === 'Marbella' ? 'selected' : '' %>>Marbella</option>
                    <option value="Satelite" <%= evento.salon === 'Satelite' ? 'selected' : '' %>>Satelite</option>
                    <option value="Satelite1" <%= evento.salon === 'Satelite1' ? 'selected' : '' %>>Satelite 1</option>
                    <option value="Satelite2" <%= evento.salon === 'Satelite2' ? 'selected' : '' %>>Satelite 2</option>
                    <option value="Restaurante" <%= evento.salon === 'Restaurante' ? 'selected' : '' %>>Restaurante</option>
                    <option value="Canarios" <%= evento.salon === 'Canarios' ? 'selected' : '' %>>Canarios</option>
                    <option value="Monarca" <%= evento.salon === 'Monarca' ? 'selected' : '' %>>Monarca</option>
                    <option value="Cataluna" <%= evento.salon === 'Cataluna' ? 'selected' : '' %>>Cataluna</option>
                    <option value="Azulejos" <%= evento.salon === 'Azulejos' ? 'selected' : '' %>>Azulejos</option>
                    <option value="Montecarlo" <%= evento.salon === 'Montecarlo' ? 'selected' : '' %>>Montecarlo</option>
                    <option value="Otro" <%= evento.salon === 'Otro' ? 'selected' : '' %>>Otro (Especificar en descripción)</option>
                </select>
            </div>
            
            <div class="form-group">
                <label for="constanciaFiscal">Constancia Fiscal:</label>
                <input type="text" id="constanciaFiscal" name="constanciaFiscal" class="form-control" value="<%= evento.constanciaFiscal %>">
            </div>
            
            <div class="form-group">
                <label for="correoCliente">Correo del Cliente:</label>
                <input type="email" id="correoCliente" name="correoCliente" class="form-control" value="<%= evento.correoCliente %>">
            </div>

            <div class="form-group">
                <label for="telefono">Telefono:</label>
                <input type="tel" id="telefono" name="telefono" class="form-control" value="<%= evento.telefono %>">
            </div>
            
            <div class="form-group">
                <label for="folioFactura">Folio de Factura:</label>
                <input type="text" id="folioFactura" name="folioFactura" class="form-control" value="<%= evento.folioFactura %>">
            </div>
            <div class="form-group">
                <label for="activo">Activo</label>
                <select id="activo" name="activo" class="form-control" required>
                    <option value="">Seleccione una opción</option>
                    <option value="si" <%= evento.activo === 'si' ? 'selected' : '' %>>si</option>
                    <option value="no" <%= evento.activo === 'no' ? 'selected' : '' %>>no</option>
                </select>
            </div>
            <button type="submit" class="btn btn-primary">Actualizar Evento</button>
        </form>
    </div>
       <form action="/eliminarcalendar/<%= evento.id %>" method="get" style="display:inline;">
           <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('¿Estás seguro de que deseas eliminar este evento?');">Eliminar</button>
       </form>
</main>

<footer>
    <p>&copy; 2024 Jorge Melgarejo</p>
</footer>
</body>
</html>