
<li class="item type-${item/type} ${item/status}"
    tal:repeat="item view/messages"
>
  <h3 class="time-stamp"
      tal:condition="item/timestamp|nothing"
  >
                      ${item/timestamp}
  </h3>

  <a class="user"
     tal:condition="item/userid|nothing"
  >
    <h4 class="user-name">
                        ${item/fullname}
    </h4>
    <img class="avatar pat-avatar"
         alt=""
         src="${item/avatar_url}"
    />
  </a>
  <p class="content"
     tal:condition="item/text|nothing"
  >
                      ${item/text}
  </p>
</li>

<li class="item type-terminal"
    id="end-of-conversation"
>
  <p>
    <a class="pat-scroll"
       href="#end-of-conversation"
       data-pat-scroll="trigger: auto"
    >End of conversation</a>
  </p>
</li>
