{{!
    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/completion_dialog

    Container to display activity completion dialog content.

    Example context (json):
    {
        "istrackeduser": true,
        "hasconditions": true,
        "completiondetails": [
             {
                "statuscomplete": 1,
                "description": "View"
            },
            {
                "statusincomplete": 1,
                "description": "Receive a grade"
            }
        ]
    }
}}
<div class="completion-dialog p-2">
    {{! Completion criterias. }}
    {{#hasconditions}}
        {{! Dialog header. }}
        {{#istrackeduser}}
            <strong>{{#str}}youmust, completion{{/str}}</strong>
        {{/istrackeduser}}
        {{^istrackeduser}}
            <strong>{{#str}}studentsmust, completion{{/str}}</strong>
        {{/istrackeduser}}

        <div role="list">
            {{#completiondetails}}
                {{! Show completion status and description to tracked users. }}
                {{#istrackeduser}}
                    {{#statuscomplete}}
                    <div class="d-flex mt-2 align-items-center" role="listitem" {{#accessibledescription}}title="{{.}}" aria-label="{{.}}"{{/accessibledescription}}>
                        <div>
                            {{#pix}}i/checked{{/pix}}
                            <span class="sr-only">{{#str}}completion_automatic:done, core_course{{/str}}</span>
                        </div>
                        <span>{{description}}</span>
                    </div>
                    {{/statuscomplete}}
                    {{#statuscompletefail}}
                    <div class="d-flex mt-2 align-items-center text-danger" role="listitem" {{#accessibledescription}}title="{{.}}" aria-label="{{.}}"{{/accessibledescription}}>
                        <div>
                            {{#pix}}e/cancel{{/pix}}
                            <span class="sr-only">{{#str}}completion_automatic:failed, core_course{{/str}}</span>
                        </div>
                        <span>{{description}}</span>
                    </div>
                    {{/statuscompletefail}}
                    {{#statusincomplete}}
                    <div class="d-flex mt-2 align-items-center" role="listitem" {{#accessibledescription}}title="{{.}}" aria-label="{{.}}"{{/accessibledescription}}>
                        <div>
                            {{#pix}}i/dot{{/pix}}
                            <span class="sr-only">{{#str}}completion_automatic:todo, core_course{{/str}}</span>
                        </div>
                        <span>{{description}}</span>
                    </div>
                    {{/statusincomplete}}
                {{/istrackeduser}}

                {{! Show only description (without status) to non-tracked users. }}
                {{^istrackeduser}}
                    <div class="d-flex mt-2" role="listitem">
                        <div>{{#pix}}i/dot{{/pix}}</div>
                        <span>{{description}}</span>
                    </div>
                {{/istrackeduser}}
            {{/completiondetails}}

            {{! Show also manual completion description in the list to non-tracked users. }}
            {{#ismanual}}
                {{^istrackeduser}}
                    <div class="d-flex mt-2" role="listitem">
                        <div>{{#pix}}i/dot{{/pix}}</div>
                        <span>{{#str}} completion_manual:markdone, core_course {{/str}}</span>
                    </div>
                {{/istrackeduser}}
            {{/ismanual}}
        </div>
    {{/hasconditions}}

    {{! Show message if there are no completion criterias. }}
    {{^hasconditions}}
        {{#istrackeduser}}
            <span>{{#str}}emptyconditionsinfo, completion{{/str}}</span>
        {{/istrackeduser}}
        {{^istrackeduser}}
            <span class="text-danger">{{#pix}} req, core {{/pix}}{{#str}}emptyconditionswarning, completion{{/str}}</span>
        {{/istrackeduser}}
    {{/hasconditions}}

    {{! Show edit link to editing teachers. }}
    {{#editing}}
        {{#editurl}}
            <div class="editcompletion border-top mt-3 pt-3">
                <a href="{{editurl}}" class="btn btn-sm">
                    {{#hasconditions}}{{#pix}} i/edit, core {{/pix}}{{#str}}editconditions, completion{{/str}}{{/hasconditions}}
                    {{^hasconditions}}{{#pix}} t/add, core {{/pix}}{{#str}}addconditions, completion{{/str}}{{/hasconditions}}
                </a>
            </div>
        {{/editurl}}
    {{/editing}}
</div>
