{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
}}
<div class="contact {{#selected}}selected{{/selected}} {{#lastmessage}}{{^isread}}unread{{/isread}}{{/lastmessage}}"
     data-action="view-contact-msg"
     data-userid="{{userid}}" data-messageid="{{#messageid}}{{.}}{{isread}}{{/messageid}}" data-region="contact" role="button"
     aria-pressed="{{#selected}}true{{/selected}}{{^selected}}false{{/selected}}" tabindex="0">
    <div class="picture">
        <img src="{{profileimageurl}}" alt="" />
    </div>
    <div class="information">
        <div class="name">
            {{fullname}}
            {{#showonlinestatus}}
            <div {{#isonline}}class="d-inline status online"{{/isonline}}{{^isonline}}class="hidden"{{/isonline}}>
                <span class="online-text" data-region="contact-icon-online">
                    {{#pix}} t/online, core, {{#str}} online, message {{/str}} {{/pix}}
                </span>
            </div>
            {{/showonlinestatus}}
            <span {{^isblocked}}class="hidden"{{/isblocked}} data-region="contact-icon-blocked">
                {{#pix}} t/block, core, {{#str}} contactblocked, message {{/str}} {{/pix}}
            </span>
        </div>
        <p class="lastmessage" data-region="last-message-area">
            <span data-region="last-message-user">
                {{#sentfromcurrentuser}}{{#str}}you, message{{/str}}{{/sentfromcurrentuser}}
            </span>
            <span data-region="last-message-text">
                {{#lastmessage}}
                    {{.}}
                {{/lastmessage}}
            </span>
        </p>
    </div>
    <div class="unread-count-container">
        <span data-region="unread-count" class="badge badge-important">{{unreadcount}}</span>
    </div>
</div>