{{!
    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 theme_boost_magnific/drawers

    Boost drawer template.

    Context variables required for this template:
    * sitename - The name of the site
    * output - The core renderer for the page
    * bodyattributes - attributes for the body tag as a string of html attributes
    * sidepreblocks - HTML for the blocks
    * hasblocks - true if there are blocks on this page
    * courseindexopen - true if the nav drawer should be open on page load
    * regionmainsettingsmenu - HTML for the region main settings menu
    * hasregionmainsettingsmenu - There is a region main settings menu on this page.

    Example context (json):
    {
        "sitename": "Moodle",
        "output": {
            "doctype": "<!DOCTYPE html>",
            "page_title": "Test page",
            "favicon": "favicon.ico",
            "main_content": "<h1>Headings make html validators happier</h1>"
         },
        "bodyattributes":"",
        "sidepreblocks": "<h2>Blocks html goes here</h2>",
        "hasblocks":true,
        "courseindexopen": true,
        "navdraweropen": false,
        "blockdraweropen": true,
        "regionmainsettingsmenu": "",
        "hasregionmainsettingsmenu": false,
        "addblockbutton": ""
    }
}}
{{> theme_boost/head}}

<body data-templates="drawers" {{{bodyattributes}}}>
{{> core/local/toast/wrapper}}
<div id="page-wrapper" class="d-print-block position-relative">

    {{{output.standard_top_of_body_html}}}

    {{>theme_boost_magnific/includes/header}}
    {{#courseindex}}
        {{< theme_boost/drawer}}
            {{$id}}theme_boost-drawers-courseindex{{/id}}
            {{$drawerclasses}}drawer drawer-left {{#courseindexopen}}show{{/courseindexopen}}{{/drawerclasses}}
            {{$drawerpreferencename}}drawer-open-index{{/drawerpreferencename}}
            {{$drawerstate}}show-drawer-left{{/drawerstate}}
            {{$drawerheading}}
                {{#str}}courseindex, core_courseformat{{/str}}
            {{/drawerheading}}
            {{$drawercontent}}
                {{{courseindex}}}
            {{/drawercontent}}
        {{/theme_boost/drawer}}
    {{/courseindex}}
    {{#hasblocks}}
        {{< theme_boost/drawer}}
            {{$id}}theme_boost-drawers-blocks{{/id}}
            {{$drawerclasses}}drawer drawer-right{{#blockdraweropen}} show{{/blockdraweropen}}{{/drawerclasses}}
            {{$drawercontent}}
                <section class="d-print-none" aria-label="{{#str}}blocks{{/str}}">
                    {{{addblockbutton}}}
                    {{{sidepreblocks}}}
                </section>
            {{/drawercontent}}
            {{$drawerpreferencename}}drawer-open-block{{/drawerpreferencename}}
            {{$forceopen}}{{#forceblockdraweropen}}1{{/forceblockdraweropen}}{{/forceopen}}
            {{$drawerstate}}show-drawer-right{{/drawerstate}}
            {{$tooltipplacement}}left{{/tooltipplacement}}
            {{$drawercloseonresize}}1{{/drawercloseonresize}}
            {{$closebuttontext}}{{#str}}closeblockdrawer, core{{/str}}{{/closebuttontext}}
        {{/theme_boost/drawer}}
    {{/hasblocks}}
    <div class="container">
        <div id="page" data-region="mainpage" data-usertour="scroller"
             class="drawers {{#courseindexopen}}show-drawer-left{{/courseindexopen}} {{#blockdraweropen}}show-drawer-right{{/blockdraweropen}} drag-container">
            <div id="topofscroll" class="main-inner">
                <div class="drawer-toggles d-flex">
                    {{#courseindex}}
                        <div class="drawer-toggler drawer-left-toggle open-nav d-print-none">
                            <button class="btn icon-no-margin"
                                    data-toggler="drawers"
                                    data-action="toggle"
                                    data-target="theme_boost-drawers-courseindex"
                                    data-toggle="tooltip"
                                    data-placement="right"
                                    title="{{#str}}opendrawerindex, core{{/str}}">
                                <span class="sr-only">{{#str}}opendrawerindex, core{{/str}}</span>
                                {{#pix}} t/index_drawer, moodle {{/pix}}
                            </button>
                        </div>
                    {{/courseindex}}
                    {{#hasblocks}}
                        <div class="drawer-toggler drawer-right-toggle ml-auto d-print-none">
                            <button class="btn icon-no-margin"
                                    data-toggler="drawers"
                                    data-action="toggle"
                                    data-target="theme_boost-drawers-blocks"
                                    data-toggle="tooltip"
                                    data-placement="right"
                                    title="{{#str}}opendrawerblocks, core{{/str}}">
                                <span class="sr-only">{{#str}}opendrawerblocks, core{{/str}}</span>
                                <span class="dir-rtl-hide">{{#pix}}t/blocks_drawer, core{{/pix}}</span>
                                <span class="dir-ltr-hide">{{#pix}}t/blocks_drawer_rtl, core{{/pix}}</span>
                            </button>
                        </div>
                    {{/hasblocks}}
                </div>
                {{{output.full_header}}}
                {{#secondarymoremenu}}
                    <div class="secondary-navigation d-print-none">
                        {{> core/moremenu}}
                    </div>
                {{/secondarymoremenu}}
                <div id="page-content" class="pb-3 d-print-block">
                    <div id="region-main-box">
                        {{#hasregionmainsettingsmenu}}
                            <div id="region-main-settings-menu" class="d-print-none">
                                <div> {{{regionmainsettingsmenu}}} </div>
                            </div>
                        {{/hasregionmainsettingsmenu}}
                        <section id="region-main" aria-label="{{#str}}content{{/str}}">

                            {{#hasregionmainsettingsmenu}}
                                <div class="region_main_settings_menu_proxy"></div>
                            {{/hasregionmainsettingsmenu}}
                            {{{output.course_content_header}}}
                            {{#headercontent}}
                                {{> core/activity_header}}
                            {{/headercontent}}
                            {{#overflow}}
                                <div class="container-fluid tertiary-navigation">
                                    <div class="navitem">
                                        {{> core/url_select}}
                                    </div>
                                </div>
                            {{/overflow}}
                            {{{output.main_content}}}
                            {{{output.activity_navigation}}}

                            {{#return_course_id}}
                                <div class="mt-5 mb-1 activity-navigation container-fluid">
                                    <a href="/course/view.php?id={{return_course_id}}" class="btn btn-link btn-primary"
                                        style="color:#ffffff;">
                                    << Voltar ao curso "{{{return_course_name}}}"
                                    </a>
                                </div>
                            {{/return_course_id}}

                            {{{output.course_content_footer}}}
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{> theme_boost_magnific/includes/footer}}
    {{{output.standard_after_main_region_html}}}
</div>

</body>
</html>
{{#js}}
    require(['theme_boost/loader', 'theme_boost/drawer', 'jquery'], function(Loader, Drawer, $) {
        Drawer.init();
        M.util.js_complete('theme_boost/loader');

        var custommenus = $(".primary-navigation .custom-menu.navigation ul").html();
        $(".drawer.drawer-left .drawercontent.drag-container").append(`<ul class="list-group list-group-custom-menus">${custommenus}</ul>`);
        $(".list-group-custom-menus > li")
                .removeClass("nav-item")
                .addClass("list-group-item")
                .addClass("list-group-item-action");
        $(".list-group-custom-menus > li a").removeClass("nav-link");
    });
{{/js}}
