<?xml version="1.0" encoding="UTF-8"?>
<templates>

    <!--
        Followers, actions and subtypes in a record.
    -->
    <t t-name="mail.Followers">
        <div class="o_followers">
            <div class="o_followers_title_box">
                <button class="btn btn-link dropdown-toggle" title="Dropdown menu - Followers"
                        data-toggle="dropdown" aria-expanded="false">
                    <i class="fa fa-user" role="img" aria-label="Dropdown menu - Followers"></i>
                    <span class="o_followers_count"/>
                </button>
                <div class="dropdown-menu dropdown-menu-right o_followers_list" role="menu"/>
            </div>
            <div class="o_followers_actions">
                <div class="btn-group o_subtypes_list">
                    <button class="btn btn-link o_followers_follow_button o_followers_notfollow">
                        <span class="o_follow">Follow</span>
                        <span class="fa fa-times o_followers_unfollow"/>
                        <span class="o_followers_unfollow"> Unfollow</span>
                        <span class="fa fa-check o_followers_following"/>
                        <span class="o_followers_following"> Following</span>
                    </button><button class="btn btn-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        <span class="fa fa-bell" role="img" aria-label="Alarm menu" title="Alarm menu"/>
                    </button>
                    <div class="dropdown-menu dropdown-menu-right" role="menu"/>
                </div>
            </div>
        </div>
    </t>

    <!--
        Partner or channel following the record
    -->
    <t t-name="mail.Followers.partner">
        <div role="menuitem" class="o_partner">
            <a class="dropdown-item o_mail_redirect"
               href="#"
               t-att-title="record.name"
               t-att-data-oe-model="record.res_model"
               t-att-data-oe-id="record.res_id"><t t-esc="record.name"/></a>
            <img t-att-src="record.avatar_url" alt="Avatar"/>
            <i t-if="record.is_editable" class="fa fa-pencil o_edit_subtype d-none"
               title="Edit subscription"
               aria-label="Edit subscription" role="img"
               t-att-data-follower-id="record.id"
               t-att-data-oe-id="record.res_id"
               t-att-data-oe-model="record.res_model"/>
            <i t-if="widget.isEditable" class="fa fa-remove o_remove_follower"
               aria-label="Remove this follower" role="img"
               title="Remove this follower"/>
        </div>
    </t>

    <!--
        'Add followers' and 'Add channels' buttons
    -->
    <t t-name="mail.Followers.add_more">
        <t t-if="widget.isEditable">
            <a href="#" role="menuitem" class="dropdown-item o_add_follower">Add Followers</a>
            <a href="#" role="menuitem" class="dropdown-item o_add_follower_channel">Add Channels</a>
            <div role="separator" t-if="widget.followers.length > 0" class="dropdown-divider"/>
        </t>
    </t>

    <!--
        Message subtypes of a follower subscription
    -->
    <t t-name="mail.Followers.subtype">
        <div role="menuitem" class="o_subtype dropdown-item">
            <div class="custom-control custom-checkbox">
                <input type="checkbox"
                    t-attf-id="input_mail_followers_subtype_#{record.id + (dialog ? '_in_dialog': '')}"
                    t-att-name="record.name"
                    class="custom-control-input o_subtype_checkbox"
                    t-att-checked="record.followed"
                    t-att-data-id="record.id"/>
                <label t-attf-for="input_mail_followers_subtype_#{record.id + (dialog ? '_in_dialog': '')}"
                    class="custom-control-label">
                    <t t-esc="record.name"/>
                </label>
            </div>
            <i t-if="display_warning" class="fa fa-warning text-warning" role="img" aria-label="Warning" title="Warning"/>
        </div>
    </t>
    <t t-name="mail.Followers.subtypes.warning">
        <span class="text-warning">
            <i class="fa fa-warning"/> Be careful with channels following internal notifications
        </span>
    </t>

</templates>
