<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
    <t t-name="resource_mail.AvatarCardResourcePopover" t-inherit="mail.AvatarCardPopover">
        <xpath expr="//span[hasclass('o_avatar')]/img" position="attributes">
            <attribute name="t-attf-src" t-if="displayAvatar">/web/image/{{ props.recordModel }}/{{ props.id }}/avatar_128</attribute>
        </xpath>
        <xpath expr="//span[hasclass('o_card_avatar_im_status')]" position="replace">
            <span t-if="record.user_id" name="icon" class="o_card_avatar_im_status position-absolute d-flex align-items-center justify-content-center o_user_im_status bg-inherit">
                <i t-if="record.im_status === 'online'" class="fa fa-fw fa-circle text-success" title="Online" role="img" aria-label="User is online"/>
                <i t-elif="record.im_status === 'away'" class="fa fa-fw fa-circle text-warning" title="Idle" role="img" aria-label="User is idle"/>
                <i t-elif="record.im_status === 'busy'" class="fa fa-fw fa-minus-circle text-danger" title="Busy" role="img" aria-label="User is busy"/>
                <i t-elif="record.im_status === 'offline'" class="fa fa-fw fa-circle-o text-700" title="Offline" role="img" aria-label="User is offline"/>
                <i t-elif="record.im_status === 'bot'" class="fa fa-fw fa-heart text-success" title="Bot" role="img" aria-label="User is a bot"/>
                <i t-elif="!record.im_status" class="fa fa-fw fa-question-circle" title="No IM status available"/>
            </span>
        </xpath>
        <xpath expr="//div[hasclass('o_avatar_card_buttons')]/button" position="attributes">
            <attribute name="t-if">record.user_id and !record.share</attribute>
        </xpath>
    </t>
</templates>
