{{!
    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_assign/grading_actions

    Actions panel at the bottom of the assignment grading UI.

    Classes required for JS:
    * none

    Data attributes required for JS:
    * data-region

    Context variables required for this template:
    * see mod/assign/classes/output/grading_app.php

    This template is initially hidden, and is only displayed after the current user info has been loaded.
}}
{{#showreview}}
    <div class="btn-toolbar rui-grader-toolbar collapse-buttons">
        <div class="btn-group">
            <button type="button" class="btn btn-sm btn-icon btn-secondary collapse-review-panel"><svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor">
                    <path d="M12.01 16l-.01.011M12.01 12l-.01.011M12.01 8l-.01.011M8.01 12l-.01.011M16.01 12l-.01.011M21 3.6v16.8a.6.6 0 01-.6.6H3.6a.6.6 0 01-.6-.6V3.6a.6.6 0 01.6-.6h16.8a.6.6 0 01.6.6z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg></button>
            <button type="button" class="btn btn-sm btn-icon btn-secondary collapse-none active">
                <svg width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor">
                    <path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M7.25 10L5.5 12l1.75 2M9.5 21V3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
            </button>
            <button type="button" class="btn btn-sm btn-icon btn-secondary collapse-grade-panel">
                <svg width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor">
                    <path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2zM9.5 21V3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M5.5 10l1.75 2-1.75 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
            </button>
        </div>
    </div>
{{/showreview}}
<form data-region="grading-actions-form" class="text-left ml-auto d-inline-flex align-items-center">
    <div class="custom-control custom-switch">
        <input type="checkbox" name="sendstudentnotifications" {{#defaultsendnotifications}}checked="checked" {{/defaultsendnotifications}} class="custom-control-input" id="sendstudentnotifications" {{#entertosend}}checked{{/entertosend}}>
        <label class="custom-control-label" for="sendstudentnotifications">
            {{#str}}sendstudentnotifications, mod_assign{{/str}}
        </label>
    </div>
    {{#helpicon}}
    {{>core/help_icon}}
    {{/helpicon}}
    <button type="submit" class="btn btn-sm btn-primary" name="savechanges">
        <svg class="mr-2" width="18" height="18" fill="none" viewBox="0 0 24 24">
            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75"></path>
        </svg>
        {{#str}}savechanges{{/str}}
    </button>

    <button type="submit" class="btn btn-sm btn-outline-primary" name="saveandshownext">
        <svg class="mr-2" width="18" height="18" fill="none" viewBox="0 0 24 24">
            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75"></path>
        </svg>
        {{#str}}saveandnext{{/str}}
        <svg class="ml-2" width="16" height="16" fill="none" viewBox="0 0 24 24">
            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.75 6.75L19.25 12L13.75 17.25"></path>
            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 12H4.75"></path>
        </svg>
    </button>

    <button type="submit" class="btn btn-sm btn-outline-danger" name="resetbutton">
        <svg class="mr-2" width="18" height="18" fill="none" viewBox="0 0 24 24">
            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.25 4.75L8.75 7L11.25 9.25"></path>
            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.75 19.25L15.25 17L12.75 14.75"></path>
            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 7H13.25C16.5637 7 19.25 9.68629 19.25 13V13.25"></path>
            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.25 17H10.75C7.43629 17 4.75 14.3137 4.75 11V10.75"></path>
        </svg>

        {{#str}}reset{{/str}}
    </button>
</form>
{{#js}}
    require(['mod_assign/grading_actions'], function(GradingActions) {
    new GradingActions('[data-region="grade-actions"]');
    });
{{/js}}