<!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>
        <form method="POST" action="/crearcalendar">
            <div class="form-group">
                <label for="cliente">Cliente:</label>
                <input type="text" id="cliente" name="cliente" class="form-control">
            </div>

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

            <div class="form-group">
                <label for="fecha">Fecha:</label>
                <input type="date" id="fecha" name="fecha" class="form-control" required>
            </div>
            
            <div class="form-group">
                <label for="descripcion">Descripción:</label>
                <textarea id="descripcion" name="descripcion" class="form-control" required></textarea>
            </div>
            
            <div class="form-group">
                <label for="hora">Hora:</label>
                <input type="time" id="hora" name="hora" class="form-control">
            </div>
            
            <div class="form-group">
                <label for="asistentes">Asistentes:</label>
                <input type="number" id="asistentes" name="asistentes" class="form-control">
            </div>
            
            <div class="form-group">
                <label for="menu">Menú:</label>
                <textarea id="menu" name="menu" class="form-control" ></textarea>
            </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">Imperial</option>
                    <option value="herradura">Herradura</option>
                    <option value="escuela">Escuela</option>
                    <option value="auditorio">Auditorio</option>
                    <option value="banquete">Banquete</option>
                </select>
            </div>
            
            <div class="form-group">
                <label for="precio">Precio:</label>
                <input type="number" id="precio" name="precio" class="form-control">
            </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">Efectivo</option>
                    <option value="Deposito">Deposito</option>
                    <option value="Tarjeta">Tarjeta</option>
                    <option value="Transferencia">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">Pagado</option>
                    <option value="Por_pagar">Por Pagar</option>
                </select>
            </div>
            
            <div class="form-group">
                <label for="equipoAudivisual">Equipo Audiovisual:</label>
                <textarea id="equipoAudivisual" name="equipoAudivisual" class="form-control"></textarea>

            </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">Milan</option>
                    <option value="Milan1">Milan 1</option>
                    <option value="Milan2">Milan 2</option>
                    <option value="Marbella">Marbella</option>
                    <option value="Satelite">Satelite</option>
                    <option value="Satelite1">Satelite 1</option>
                    <option value="Satelite2">Satelite 2</option> 
                    <option value="Restaurante">Restaurante</option>
                    <option value="Canarios">Canarios</option>
                    <option value="Monarca">Monarca</option>
                    <option value="Cataluna">Cataluna</option>
                    <option value="Azulejos">Azulejos</option>
                    <option value="Montecarlo">Montecarlo</option>
                    <option value="Otro">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">
            </div>
            
            <div class="form-group">
                <label for="correoCliente">Correo del Cliente:</label>
                <input type="email" id="correoCliente" name="correoCliente" class="form-control" >
            </div>

            <div class="form-group">
                <label for="telefono">Telefono:</label>
                <input type="tel" id="telefono" name="telefono" class="form-control">
            </div>
            
            <div class="form-group">
                <label for="folioFactura">Folio de Factura:</label>
                <input type="text" id="folioFactura" name="folioFactura" class="form-control">
            </div>
            
            <button type="submit" class="btn btn-primary">Crear Evento</button>
        </form>

        </main>

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