<!DOCTYPE html>
<html>
<head>
    <title>panel de adiministracion</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/eventsCalendarSystem/tablePage.css"> <!-- Asegúrate de que la ruta sea correcta -->
</head>
<body>
<header></header>
<main>
    <div class="container">
        <h1 class="text-center my-4">Lista de proximos eventos</h1>
        <a href="/vertodocalendar" class="btn btn-success">Ver todos los eventos</a>
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>ID</th>
                <th>Fecha</th>
                <th>Descripción</th>
                <th>Hora</th>
                <th>Asistentes</th>
                <th>Menú</th>
                <th>Acomodo de Mobiliario</th>
                <th>Cliente</th>
                <th>Acciones</th>
            </tr>
            </thead>
            <tbody>
            <% eventos.forEach(evento => { %>
                <tr>
                    <td><%= evento.id %></td>
                    <td><%= evento.date %></td>
                    <td><%= evento.description %></td>
                    <td><%= evento.hora %></td>
                    <td><%= evento.asistentes %></td>
                    <td><%= evento.menu %></td>
                    <td><%= evento.acomodoMobiliario %></td>
                    <td><%= evento.cliente %></td>
                    <td>
                        <a href="/leerAdmincalendar/<%= evento.id %>" class="btn btn-info btn-sm">Leer</a>
                        <a href="/actualizarcalendar/<%= evento.id %>" class="btn btn-warning btn-sm">Actualizar</a>
                    </td>
                </tr>
            <% }); %>
            </tbody>
        </table>
        <a href="/crearcalendar" class="btn btn-success">Crear nuevo evento</a>
        <a href="/logout" class="btn btn-danger">Cerrar sesión</a>
    </div>

</main>


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