{{!
    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_grades/import_key_manager_action_bar

    Actions bar for the gradebook imports key manager page.

    Context variables required for this template:
    * generalnavselector - The data object containing the required properties to render the tertiary navigation selector.
    * importselector - The data object containing the required properties to render the import options selector.
    * adduserkeybutton - The data object containing the required properties to render the 'add user key' button.

    Example context (json):
    {
        "generalnavselector": {
            "name": "Gradebook tertiary navigation selector",
            "value": "opt2",
            "baseid": "select-menu56788",
            "selectedoption": "Import",
            "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": "More",
                        "id": "select-menu-group1",
                        "options": [
                            {
                                "name": "Import",
                                "value": "opt2",
                                "id": "select-menu-option2",
                                "selected": true
                            }
                        ]
                    }
                }
            ]
        },
        "importselector": {
            "name": "importas",
            "value": "https://example.com/grade/import/keymanager.php",
            "baseid": "select-menu56789",
            "label": "Import as",
            "labelattributes": [
                {
                    "name": "class",
                    "value": "fw-bold"
                }
            ],
            "selectedoption": "Key manager",
            "options": [
                {
                    "name": "Key manager",
                    "value": "https://example.com/grade/import/keymanager.php",
                    "selected": true,
                    "id": "select-menu-option56789"
                }
            ]
        },
        "adduserkeybutton": {
            "id": "single_button12345",
            "method" : "get",
            "classes": "singlebutton",
            "formid": null,
            "url" : "#",
            "primary" : true,
            "tooltip" : null,
            "label" : "Add user key",
            "attributes": []
        }
    }
}}
<div class="container-fluid tertiary-navigation full-width-bottom-border">
    <div class="d-flex">
        {{#generalnavselector}}
            <div class="navitem">
                {{>core/tertiary_navigation_selector}}
            </div>
            <div class="navitem-divider"></div>
        {{/generalnavselector}}
        {{#importselector}}
            <div class="navitem">
                {{>core/select_menu}}
            </div>
            {{#js}}
                document.querySelector('#{{baseid}}').addEventListener('change', function(e) {
                window.location.href = e.target.value;
                });
            {{/js}}
        {{/importselector}}
        {{#adduserkeybutton}}
            <div class="navitem">
                {{>core/single_button}}
            </div>
        {{/adduserkeybutton}}
    </div>
</div>
