<!DOCTYPE html>
<html>
<head>
    <title>Ver Todos los Eventos</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/estilos.css"> <!-- Asegúrate de que la ruta sea correcta -->
</head>
<body>
    <div class="container">
        <h1 class="text-center my-4">Lista de Todos los Eventos</h1>
        <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>
                        <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>
                    </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>
    <footer>
        <p>&copy; 2024 Jorge Melgarejo</p>
    </footer>
</body>
</html>