<%@ page pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@taglib uri="/WEB-INF/helpers/webUtils" prefix="wb"%>

<div style="display:none">
    <div id="miCanal">
        <c:forEach var="trip" items="${wb:getConversations(person)}">
            <div style="margin-top: 10px; border-radius: 4px;">
                <div style="font-size: 20px; color:#2E2E2E; text-shadow: 0.1em 0.1em 0.2em black; margin:0 0 10px 12px;"><b>Conversación del Viaje ${trip.viaje_id}</b></div>
                <input type="button" class="reply" value="contestar" style="float:right; margin-right: 10px;" onclick="sendReply(${trip.viaje_id})"/>
                <c:forEach var="msg" items="${trip.mensajes}" varStatus="i">
                    <div style="background: #${i.count%2 == 0?"E6E6E6":"D8D8D8"}; width:655px;">
                        <span style="margin-left: 20px;">Mensaje de: <b>${msg.from.nombre}</b> a las: <em>${msg.hora}</em></span>
                        <br style="margin-bottom: 10px;"/>
                        <span style="margin-left: 20px;">${msg.descripcion}</span>
                        <br style="margin-bottom: 5px;"/>
                    </div>
                </c:forEach>
            </div>
        </c:forEach>
    </div>
</div>