<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Agregar Bebida</title>
    <link rel="stylesheet" href="/css/addStyles.css">
    <link rel="stylesheet" href="/css/general/footer.css">
</head>
<body>
<header>
    <h1>Agregar Nueva Bebida</h1>
    <nav>
        <a href="/menu/<%= systemTag %>/admin">Volver a la administracion</a>|
        <a href="/logout">Cerrar sesión</a>
    </nav>
</header>
<main>
    <form action="/menu/<%= systemTag %>/addbebida" method="POST">
        <div>
            <label for="categoria">Categoría:</label>
            <select id="categoria" name="categoria" required>
                <option value="" disabled selected>Selecciona una categoría</option>
                <% categorias.forEach(categoria => { %>
                    <option value="<%= categoria %>"><%= categoria %></option>
                <% }); %>
            </select>
        </div>
        <div>
            <label for="nombre">Nombre:</label>
            <input type="text" id="nombre" name="nombre" required>
        </div>

        <div>
            <label for="descripcion">Descripción:</label>
            <textarea id="descripcion" name="descripcion"> </textarea>
        </div>
        <div>
            <label for="preciocopa">Precio copa:</label>
            <input type="number" id="preciocopa" name="preciocopa" required>
        </div>

        <div>
            <label for="preciobotella">Precio botella:</label>
            <input type="number" id="preciobotella" name="preciobotella" required>
        </div>

        <div>
            <button type="submit">Agregar bebidas</button>
        </div>
    </form>
</main>

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