<li class="dropdown js_live-messages">
    <a href="#" data-toggle="dropdown" data-display="static">
        <i class="fa fa-comments fa-lg"></i>
        <span class="label {if $user.live_messages_counter == 0}hidden{/if}">{$user.live_messages_counter}</span>
    </a>
    <div class="dropdown-menu dropdown-menu-right dropdown-widget with-arrow">
        <div class="dropdown-widget-header">
            <span class="title">Messages</span>
        </div>
        <div class="dropdown-widget-body">
            <div class="js_scroller">
                {if $user_messages}
                    <ul>
                        {foreach $user_messages as $message}
                            {include file='_partials/__feeds_message.tpl'}
                        {/foreach}
                    </ul>
                {else}
                    <p class="text-center text-muted mt10">No messages</p>
                {/if}
            </div>
        </div>
    </div>
</li>