{assign var=firstMessage value=current($messages)}
{if !isset($sinceId) || $sinceId eq 0}
<input type="hidden" id="message_key" name="message_key" value="{$firstMessage->get('key')}" />
<input type="hidden" id="message_lastId" name="message_lastId" value="0" />
{/if}
{foreach from=$messages item=cMessage name=messageLoop}
    <li class="mdl-messaging__message {if $user->getDisplayName() === $cMessage->joined.obj_message_byuser->getDisplayName()} -to {else} -from {/if}">
        <div class="mdl-messaging__message-body">
            {$cMessage->get('text')}
        </div>
        <div class="mdl-messaging__message-info">
          <span class="mdl-messaging__message-meta">{$cMessage->get('date')|relative_date}</span>
          {assign var='selectedFile' value=$cMessage->joined.obj_user_profilepic}
          {if intval($selectedFile->data.file_id) ne 0}
              {$bgImage={$selectedFile->getCloudinaryURL(44,44)}}
          {else}
              {assign var='bgImage' value="`$vars.resourcesUrl`profile_counter22.png"}
          {/if}
          <a
            class="mdl-messaging__message-author"
            {include file="$templateSource/html/viewProfile/viewProfile_link.html"
            profileUserId=$cMessage->joined.obj_message_byuser->data.user_id}
          >
            <img src="{$bgImage}" class="mdl-avatar -s">
            {$cMessage->joined.obj_message_byuser->getDisplayName()}
          </a>
        </div>
    </div>
    {if $smarty.foreach.messageLoop.last}
        <script type="text/javascript">
            $('message_lastId').setValue({$cMessage->get('id')});
        </script>
    {/if}
{/foreach}