<!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>
        <h1>Agregar Comentario para el Evento: <%= evento.description %></h1>
        <form action="/agregar_comentariocalendar/<%= evento.id %>" method="POST">
            <label for="username">Nombre de usuario:</label>
            <input type="text" id="username" name="username" required>
            
            <label for="comment">Comentario:</label>
            <textarea id="comment" name="comment" required></textarea>
            
            <input type="hidden" name="date" value="<%= new Date().toISOString().split('T')[0] %>">
            <input type="hidden" name="time" value="<%= new Date().toLocaleTimeString() %>">
            
            <button type="submit">Agregar Comentario</button>
        </form>
        
        <a href="/leercalendar/<%= evento.id %>" class="btn btn-secondary">Volver al evento</a>
</main>

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