{{!
    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 format_remuiformat/local/content/cm/completion

    RemUI format completion template for course modules.

    Example context (json):
    {
        "cmid": 123,
        "activityname": "Course announcements",
        "hascompletion": true,
        "uservisible": true,
        "completiondialog": {
            "buttoncontent": "To do",
            "dialogcontent": "You must view this activity to complete it.",
            "buttonclasses": "btn btn-sm btn-outline-secondary dropdown-toggle",
            "classes": "completion-dropdown"
        },
        "isautomatic": true,
        "showmanualcompletion": true,
        "completiondetails": [
            {
                "statuscomplete": 1,
                "description": "Viewed"
            },
            {
                "statusincomplete": 1,
                "description": "Receive a grade"
            }
        ]
    }
}}
{{#uservisible}}
<div data-region="completion-info" class="remui-completion-container">
    {{! Completion dropdown dialog }}
    {{#completiondialog}}
        <div
            data-region="completionrequirements"
            aria-label="{{#str}}completionrequirements, core_course, {{activityname}}{{/str}}"
        >
            {{> core/local/dropdown/dialog }}
        </div>
    {{/completiondialog}}

    {{! Manual completion button }}
    {{#showmanualcompletion}}
        {{#istrackeduser}}
            {{$ format_remuiformat/completion_manual }}
                {{> format_remuiformat/completion_manual }}
            {{/ format_remuiformat/completion_manual }}
        {{/istrackeduser}}
    {{/showmanualcompletion}}
</div>
{{/uservisible}}
{{#js}}
document.querySelectorAll('.remui-completion-container .completion-dropdown .dropdown-toggle').forEach(function(el) {
    if (!el.classList.contains('btn-success')) {
        el.classList.add('btn-outline-secondary');
    }
});
{{/js}}