{{!
    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/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": ""
    }
}}
{{!
    This template is a modified version of theme_boost/drawers

    Modifications compared to the original template:
    * Include theme_boost_union/footnote template
    * Include theme_boost_union/footer template instead of theme_boost/footer
    * Include theme_boost_union/navbar template instead of theme_boost/navbar
    * Added the possibility to show course related hints.
    * Added the possibility to show info banners.
    * Include theme_boost_union/advertisementtiles template
    * Include theme_boost_union/slider template
    * Added additional block regions (including JS for offcanvas region)
      During this implementation, course_content_header was split into two functions
        course_content_header_notifications and course_content_header_coursecontent to be able to show the notifications
        before the blocks in the contentupper region.
    * Added smartmenu js to support third level submenus.
}}
{{> theme_boost/head }}

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

    {{{ output.standard_top_of_body_html }}}

    {{> theme_boost/navbar }}
    {{#courseindex}}
        {{< theme_boost/drawer }}
            {{$id}}theme_boost-drawers-courseindex{{/id}}
            {{$drawerheadercontent}}
                {{> theme_boost/courseindexdrawercontrols}}
            {{/drawerheadercontent}}
            {{$drawerclasses}}drawer drawer-left {{#courseindexopen}}show{{/courseindexopen}}{{/drawerclasses}}
            {{$drawercontent}}
                {{{courseindex}}}
            {{/drawercontent}}
            {{$drawerpreferencename}}drawer-open-index{{/drawerpreferencename}}
            {{$drawerstate}}show-drawer-left{{/drawerstate}}
            {{$tooltipplacement}}right{{/tooltipplacement}}
            {{$closebuttontext}}{{#str}}closecourseindex, core{{/str}}{{/closebuttontext}}
        {{/ theme_boost/drawer}}
    {{/courseindex}}
    {{#hasblocks}}
        {{< theme_boost/drawer }}
            {{$id}}theme_boost-drawers-blocks{{/id}}
            {{$drawerclasses}}drawer drawer-right{{#blockdraweropen}} show{{/blockdraweropen}}{{/drawerclasses}}
            {{$drawercontent}}
                <div class="d-print-none">
                    {{{ addblockbutton }}}
                    {{{ sidepreblocks }}}
                </div>
            {{/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}}

    {{^userisediting}}
        {{#regions.offcanvas.hasblocks}}
            {{< theme_boost/drawer }}
                {{$id}}theme_boost_union-drawers-offcanvas{{/id}}
                {{$drawerclasses}}drawer drawer-top{{/drawerclasses}}
                {{$drawercontent}}
                    {{> theme_boost_union/offcanvas}}
                {{/drawercontent}}
                {{$forceopen}}0{{/forceopen}}
                {{$drawerstate}}show-drawer-offcanvas{{/drawerstate}}
                {{$tooltipplacement}}top{{/tooltipplacement}}
                {{$drawercloseonresize}}1{{/drawercloseonresize}}
                {{$closebuttontext}}{{#str}}closeoffcanvas, theme_boost_union{{/str}}{{/closebuttontext}}
            {{/ theme_boost/drawer}}
        {{/regions.offcanvas.hasblocks}}
    {{/userisediting}}

    <div id="page" data-region="mainpage" data-usertour="scroller" class="drawers {{#courseindexopen}}show-drawer-left{{/courseindexopen}} {{#blockdraweropen}}show-drawer-right{{/blockdraweropen}} drag-container">
        {{#userisediting}}
            <div id="theme-block-region-offcanvas-editing" class="collapse">
                <div id="theme-block-region-offcanvas-editing-inner">
                    {{> theme_boost_union/offcanvas}}
                </div>
            </div>
        {{/userisediting}}

        {{#regions.outsidetop.hasblocks}}
            <section id="theme-block-region-outside-top" class="theme-block-region {{{outsidetopwidth}}}" aria-label="{{#str}}blocks{{/str}}">
                {{{ regions.outsidetop.addblockbutton }}}
                {{{ regions.outsidetop.regionhtml }}}
            </section>
        {{/regions.outsidetop.hasblocks}}

        {{#regions.header.hasblocks}}
            <section id="theme-block-region-header" class="theme-block-region" aria-label="{{#str}}blocks{{/str}}">
                {{{ regions.header.addblockbutton }}}
                {{{ regions.header.regionhtml }}}
            </section>
        {{/regions.header.hasblocks}}

        <div class="main-inner-wrapper {{{maininnerwrapperclass}}} {{{outsideregionsplacement}}}">
            {{#regions.outsideleft.hasblocks}}
                <section id="theme-block-region-outside-left" class="theme-block-region" aria-label="{{#str}}blocks{{/str}}">
                    {{{ regions.outsideleft.addblockbutton }}}
                    {{{ regions.outsideleft.regionhtml }}}
                 </section>
            {{/regions.outsideleft.hasblocks}}

        <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 ms-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>
            {{> theme_boost_union/javascriptdisabledhint }}
            {{> theme_boost_union/infobanners }}
            {{{ output.full_header }}}
            {{#secondarymoremenu}}
                <div class="secondary-navigation d-print-none">
                    {{> core/moremenu}}
                </div>
            {{/secondarymoremenu}}
            {{{ output.course_content_header_notifications }}}
            {{#regions.contentupper.hasblocks}}
                <section id="theme-block-region-content-upper" class="theme-block-region" aria-label="{{#str}}blocks{{/str}}">
                    {{{ regions.contentupper.addblockbutton }}}
                    {{{ regions.contentupper.regionhtml }}}
                </section>
            {{/regions.contentupper.hasblocks}}
            <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}}
                    <div id="region-main">

                        {{#hasregionmainsettingsmenu}}
                            <div class="region_main_settings_menu_proxy"></div>
                        {{/hasregionmainsettingsmenu}}
                        {{{ output.course_content_header_coursecontent }}}
                        {{#headercontent}}
                            {{> core/activity_header }}
                        {{/headercontent}}
                        {{#overflow}}
                            <div class="container-fluid tertiary-navigation">
                                <div class="navitem">
                                    {{> core/url_select}}
                                </div>
                            </div>
                        {{/overflow}}
                        {{{courserelatedhints}}}
                        {{#sliderpositionbeforebefore}}
                            {{> theme_boost_union/slider }}
                        {{/sliderpositionbeforebefore}}
                        {{#advtilespositionbefore}}
                            {{> theme_boost_union/advertisementtiles }}
                        {{/advtilespositionbefore}}
                        {{#sliderpositionbeforeafter}}
                            {{> theme_boost_union/slider }}
                        {{/sliderpositionbeforeafter}}
                        {{{ output.main_content }}}
                        {{{ output.activity_navigation }}}
                        {{{ output.course_content_footer }}}
                        {{#sliderpositionafterbefore}}
                            {{> theme_boost_union/slider }}
                        {{/sliderpositionafterbefore}}
                        {{#advtilespositionafter}}
                            {{> theme_boost_union/advertisementtiles }}
                        {{/advtilespositionafter}}
                        {{#sliderpositionafterafter}}
                            {{> theme_boost_union/slider }}
                        {{/sliderpositionafterafter}}

                    </div>
                </div>
            </div>
            {{#regions.contentlower.hasblocks}}
                <section id="theme-block-region-content-lower" class="theme-block-region" aria-label="{{#str}}blocks{{/str}}">
                    {{{ regions.contentlower.addblockbutton }}}
                    {{{ regions.contentlower.regionhtml }}}
                </section>
            {{/regions.contentlower.hasblocks}}
        </div>

        {{#regions.outsideright.hasblocks}}
            <section id="theme-block-region-outside-right" class="theme-block-region" aria-label="{{#str}}blocks{{/str}}">
                {{{ regions.outsideright.addblockbutton }}}
                {{{ regions.outsideright.regionhtml }}}
            </section>
        {{/regions.outsideright.hasblocks}}
        </div>

        {{#regions.outsidebottom.hasblocks}}
            <section id="theme-block-region-outside-bottom" class="theme-block-region {{{outsidebottomwidth}}}" aria-label="{{#str}}blocks{{/str}}">
                {{{ regions.outsidebottom.addblockbutton }}}
                {{{ regions.outsidebottom.regionhtml }}}
            </section>
        {{/regions.outsidebottom.hasblocks}}

        {{#regions.footer.hasblocks}}
            <div id="theme-block-region-footer" class="{{{footerwidth}}}">
                <div class="row">
                     {{#regions.footerleft.hasblocks}}
                        <section id="theme-block-region-footer-left" class="theme-block-region {{regions.footer.class}}" aria-label="{{#str}}blocks{{/str}}">
                            {{{ regions.footerleft.addblockbutton }}}
                            {{{ regions.footerleft.regionhtml }}}
                        </section>
                    {{/regions.footerleft.hasblocks}}
                    {{#regions.footercenter.hasblocks}}
                        <section id="theme-block-region-footer-center" class="theme-block-region {{regions.footer.class}}" aria-label="{{#str}}blocks{{/str}}">
                            {{{ regions.footercenter.addblockbutton }}}
                            {{{ regions.footercenter.regionhtml }}}
                        </section>
                    {{/regions.footercenter.hasblocks}}
                    {{#regions.footerright.hasblocks}}
                        <section id="theme-block-region-footer-right" class="theme-block-region {{regions.footer.class}}" aria-label="{{#str}}blocks{{/str}}">
                            {{{ regions.footerright.addblockbutton }}}
                            {{{ regions.footerright.regionhtml }}}
                        </section>
                    {{/regions.footerright.hasblocks}}
                </div>
            </div>
        {{/regions.footer.hasblocks}}

        {{> theme_boost/footer }}
        {{> theme_boost_union/footnote }}
    </div>
    {{{ output.standard_after_main_region_html }}}
</div>

</body>
</html>
{{#js}}
M.util.js_pending('theme_boost/loader');
require(['theme_boost/loader', 'theme_boost/drawer'{{#regions.offcanvas.hasblocks}},'theme_boost_union/offcanvas'{{/regions.offcanvas.hasblocks}}{{#includesmartmenu}}, 'theme_boost_union/smartmenu'{{/includesmartmenu}}], function(Loader, Drawer{{#regions.offcanvas.hasblocks}},OffCanvas{{/regions.offcanvas.hasblocks}}{{#includesmartmenu}}, SmartMenu{{/includesmartmenu}}) {
    Drawer.init();
    M.util.js_complete('theme_boost/loader');
{{#regions.offcanvas.hasblocks}}OffCanvas.init();{{/regions.offcanvas.hasblocks}}
{{#includesmartmenu}}SmartMenu.init();{{/includesmartmenu}}
});
{{/js}}
