{{!
    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 mod_forum/local/grades/local/grader/navigation

    Classes required for JS:
    * none

    Data attributes required for JS:
    * data-action="togglefullscreen"
    * data-action="closegrader"
    * data-action="savegrade"
    * data-action="expandgrader"

    Context variables required for this template:
    * moduleName: The name of the module this grading interface is for i.e. "Chef the Forum"

    Example context (json):
    {
        "moduleName": "Chef the Forum"
    }
}}
<nav id="nav-container-{{uniqid}}" class="grader-grading_navigation navbar border-bottom" aria-label="{{#str}} forumgradingnavigation, mod_forum {{/str}}">
    <div class="d-none d-sm-inline-flex align-items-center">
        <a href="{{{courseUrl}}}" class="badge badge-link badge-secondary">
            <svg class="mr-2" width="20" height="20" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.25 5.75C19.25 5.19772 18.8023 4.75 18.25 4.75H14C12.8954 4.75 12 5.64543 12 6.75V19.25L12.8284 18.4216C13.5786 17.6714 14.596 17.25 15.6569 17.25H18.25C18.8023 17.25 19.25 16.8023 19.25 16.25V5.75Z"></path>
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.75 5.75C4.75 5.19772 5.19772 4.75 5.75 4.75H10C11.1046 4.75 12 5.64543 12 6.75V19.25L11.1716 18.4216C10.4214 17.6714 9.40401 17.25 8.34315 17.25H5.75C5.19772 17.25 4.75 16.8023 4.75 16.25V5.75Z"></path>
            </svg>
            {{courseName}}
        </a>
        <button class="badge badge-link badge-light border-0" data-action="closegrader">
            <svg class="mr-2" width="20" height="20" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.25 4.75L4.75 9L9.25 13.25"></path>
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.5 9H15.25C17.4591 9 19.25 10.7909 19.25 13V19.25"></path>
            </svg>
            {{moduleName}}
        </button>
        <span class="badge">{{#str}}grading, forum{{/str}}</span>
        </ol>
    </div>

    <div class="ml-auto">
        <button
            class="btn btn-link btn-sm drawer-button mr-1 active"
            data-action="expand-grading-drawer"
            aria-controls="grading-drawer-{{uniqid}}"
            aria-expanded="true"
            type="button"
            title="{{#str}} showgraderpanel, mod_forum {{/str}}"
        >
            <span class="dir-ltr-hide" aria-hidden="true">{{#pix}} show-grader-panel-rtl, mod_forum, {{#str}} showgraderpanel, mod_forum {{/str}} {{/pix}}</span>
            <span class="dir-rtl-hide" aria-hidden="true">{{#pix}} show-grader-panel, mod_forum, {{#str}} showgraderpanel, mod_forum {{/str}} {{/pix}}</span>
        </button>
        <button
            class="btn btn-link btn-sm drawer-button mr-1"
            aria-label="{{#str}} hidegraderpanel, mod_forum {{/str}}"
            data-action="collapse-grading-drawer"
            aria-controls="grading-drawer-{{uniqid}}"
            aria-expanded="true"
            type="button"
            title="{{#str}} hidegraderpanel, mod_forum {{/str}}"
        >
            <span aria-hidden="true">{{#pix}} hide-grader-panel, mod_forum, {{#str}} hidegraderpanel, mod_forum {{/str}} {{/pix}}</span>
        </button>
        <button
            class="btn btn-primary btn-sm"
            data-action="savegrade"
        >
            {{#str}} save {{/str}}
        </button>
        <button
            class="btn btn-secondary btn-sm"
            aria-label="{{#str}} closegrader, mod_forum {{/str}}"
            data-action="closegrader"
            type="button"
        >
            {{#str}} close, mod_forum {{/str}}
        </button>
    </div>
</nav>
