<!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>Cliente:</strong> <%= evento.cliente %></p>
        <p><strong>Empresa:</strong> <%= evento.empresa %></p>
        <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>Precio:</strong> <%= evento.precio %></p>
        <p><strong>Estatus de pago</strong> <%= evento.estatusPago%>
        <p><strong>Metodo de pago:</strong> <%= evento.metodoPago %></p>
        <p><strong>Equipo audiovisual:</strong><%=evento.equipoAudivisual%></p>
        <p><strong>Salon:</strong><%=evento.salon%></p>
        <p><strong>Constancia fiscal:</strong><%=evento.constanciaFiscal%></p>
        <p><strong>Correo:</strong><%=evento.correoCliente%></p>
        <p><strong>Telefono:</strong> <%= evento.telefono %></p>
        <p><strong>Folio factura:</strong><%=evento.folioFactura%></p>


        <a href="/admincalendar" class="btn btn-secondary">Volver al panel de administración</a>
        <a href="/montajescalendar" class="btn btn-info">Ver tipos de montajes</a>

        <h2 class="mt-4">Comentarios</h2>
        <ul class="list-unstyled mt-3">
            <% comentarios.forEach(comentario => { %>
                <li class="mb-2">
                    <strong><%= comentario.username %></strong> (<%= comentario.date %> <%= comentario.time %>): <%= comentario.comment %>
                </li>
            <% }); %>
        </ul>
        <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>


