{{!
    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 gradereport_singleview/action_bar

    Context variables required for this template:
    * generalnavselector - The data object containing the required properties to render the general navigation selector.
    * groupselector - (optional) HTML that outputs the group selector
    * itemselector - (optional) HTML that outputs the user or grade item selector
    * pagetoggler - (optional) HTML that outputs the user/grade item view toggler
    * bulkactions - (optional) HTML that outputs the bulk actione menu

        Example context (json):
    {
        "generalnavselector": {
            "name": "Gradebook tertiary navigation selector",
            "value": "opt2",
            "baseid": "select-menu56789",
            "selectedoption": "Gradebook setup",
            "options": [
                {
                    "selected": false,
                     "isgroup": {
                         "name": "View",
                         "id": "select-menu-group1",
                         "options": [
                             {
                                 "name": "Grader report",
                                 "value": "opt1",
                                 "id": "select-menu-option1",
                                 "selected": false
                             }
                         ]
                     }
                },
                {
                    "selected": false,
                    "isgroup": {
                        "name": "Setup",
                        "id": "select-menu-group2",
                        "options": [
                            {
                                "name": "Gradebook setup",
                                "value": "opt2",
                                "id": "select-menu-option2",
                                "selected": true
                            }
                        ]
                    }
                }
            ]
        },
        "groupselector": "<div class='group-selector'></div>",
        "itemselector": "<div class='user-selector'></div>",
        "pagetoggler": "<div class='page-toggler'></div>",
        "bulkactions": "<div class='action-menu'></div>"
    }
}}
<div class="container-fluid tertiary-navigation full-width-bottom-border">
    <div class="row w-100">
        {{#generalnavselector}}
            <div class="navitem order-1">
                {{>core/tertiary_navigation_selector}}
            </div>
            <div class="navitem-divider d-none d-sm-flex order-1"></div>
        {{/generalnavselector}}
        {{#groupselector}}
            <div class="navitem order-2">
                {{{.}}}
            </div>
            <div class="navitem-divider d-none d-sm-flex order-2"></div>
        {{/groupselector}}
        {{#itemselector}}
            <div class="navitem order-3">
                {{{.}}}
            </div>
            <div class="navitem-divider d-none d-sm-flex order-3"></div>
        {{/itemselector}}
        {{#pagetoggler}}
            <div class="d-flex row ml-auto order-4">
                {{#bulkactions}}
                    <div class="d-flex navitem ml-0 ml-sm-auto mr-3">{{{bulkactions}}}</div>
                    {{#js}}
                        require(['gradereport_singleview/bulkactions'], function(bulkactions) {
                        bulkactions.init();
                        });
                    {{/js}}
                    <div class="navitem-divider d-none d-sm-flex"></div>
                {{/bulkactions}}
                <div class="d-flex navitem ml-0 mr-auto mr-sm-0 ml-sm-auto">
                    {{>gradereport_singleview/page_toggler}}
                </div>
            </div>
        {{/pagetoggler}}
    </div>
</div>
