<!DOCTYPE html>
<html>
<head>
    <title>Leer Evento</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/eventsCalendarSystem/eventData.css"> <!-- Asegúrate de que la ruta sea correcta -->
</head>
<body>
<header>
    <h1><%= evento.description %></h1>
</header>
<main>
    <div class="container">
        <p><strong>Fecha:</strong> <%= evento.date %></p>
        <p><strong>Descripción:</strong> <%= evento.description %></p>
        <p><strong>Hora:</strong> <%= evento.hora %></p>
        <p><strong>Asistentes:</strong> <%= evento.asistentes %></p>
        <p><strong>Menú:</strong> <%= evento.menu %></p>
        <p><strong>Acomodo de Mobiliario:</strong> <%= evento.acomodoMobiliario %></p>
        <p><strong>Cliente:</strong> <%= evento.cliente %></p> <!-- Cambiado para mostrar el nombre del cliente -->
        <p><strong>Equipo audiovisual:</strong><%=evento.equipoAudivisual%></p>
        <p><strong>Salon:</strong><%=evento.salon%></p>

        <a href="/calendar" class="btn btn-secondary">Volver al calendario</a>
        <a href="/montajescalendar" class="btn btn-info">Ver tipos de montajes</a>

        <h2 class="mt-4">Comentarios</h2>
        <a href="/agregar_comentariocalendar/<%= evento.id %>" class="btn btn-primary">Agregar Comentario</a>
    </div>

</main>

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