{{!
    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/>.
}}
{{!
    @template core_courseformat/local/content/cm/groupmode_info

    Container to display group mode information on the course page.

    Example context (json):
    {
        "activityname": "Course announcements",
        "groupicon": "i/groupv",
        "groupalt": "Visible groups"
    }
}}
{{#isInteractive}}
    {{#dropwdown}}
        {{< core/local/dropdown/status}}
            {{$ buttonclasses }}
                {{#autohide}} v-parent-focus {{/autohide}}
                groupmode-information btn px-2 btn-xs btn-secondary
            {{/ buttonclasses }}
            {{$ buttoncontent }}
                {{{groupicon}}}
                <span class="groupmode-icon-info d-none d-md-block">{{groupalt}}</span>
            {{/ buttoncontent }}
        {{/ core/local/dropdown/status}}
    {{/dropwdown}}
{{/isInteractive}}
{{^isInteractive}}
    <div
    data-region="groupmode-information"
    data-activityname="{{activityname}}"
    class="groupmode-information d-flex align-items-center justify-content-center icon-no-margin"
>
    <span class="badge badge-xs badge-light">
        {{#groupicon}}{{{groupicon}}}{{/groupicon}}
        {{#groupalt}}
            <div class="groupmode-icon-info ml-2">{{groupalt}}</div>
        {{/groupalt}}
    </span>
</div>
{{/isInteractive}}
