{{!
    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": ""
    }
}}
{{> theme_boost/head }}

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

    {{{ output.standard_top_of_body_html }}}

    {{> theme_trema/navbar }}
    {{#courseindex}}
        {{< theme_boost/drawer }}
            {{$id}}theme_boost-drawers-courseindex{{/id}}
            {{$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}}
                <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 id="page" data-region="mainpage" data-usertour="scroller" class="drawers {{#courseindexopen}}show-drawer-left{{/courseindexopen}} {{#blockdraweropen}}show-drawer-right{{/blockdraweropen}}">
            <div class="drawer-toggles d-flex">
                {{#courseindex}}
                    <div class="drawer-toggler drawer-left-toggle open-nav">
                        <button
                            class="btn icon-no-margin"
                            data-toggler="drawers"
                            data-action="toggle"
                            data-target="theme_boost-drawers-courseindex"
                            data-{{databs}}toggle="tooltip"
                            data-{{databs}}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">
                        <button
                            class="btn icon-no-margin"
                            data-toggler="drawers"
                            data-action="toggle"
                            data-target="theme_boost-drawers-blocks"
                            data-{{databs}}toggle="tooltip"
                            data-{{databs}}placement="right"
                            title="{{#str}}opendrawerblocks, core{{/str}}"
                        >
                            <span class="sr-only">{{#str}}opendrawerblocks, core{{/str}}</span>
                            {{#pix}}t/blocks_drawer, core, {{#str}}opendrawerblocks, core{{/str}}{{/pix}}
                        </button>
                    </div>
                {{/hasblocks}}
            </div>
            <h1 class="sr-only container pb-0 mb-0 mt-5">{{sitename}}</h1>
        {{#showbanner}}
        {{#ifcarrousel}}
            <div id="carouselTrema" class="carousel slide {{^frontpagecarrousel}}d-none{{/frontpagecarrousel}}" data-{{databs}}ride="carousel">
                <div class="carousel-inner" data-{{databs}}interval="false">
                    <ol class="carousel-indicators ">
                        {{#frontpagecarrousel}}
                            <li data-{{databs}}target="#carouselTrema" data-{{databs}}slide-to="{{index}}" class="{{active}}"></li>
                        {{/frontpagecarrousel}}
                    </ol>
                    {{#frontpagecarrousel}}
                    <div class="carousel-item {{active}}">
                        <div style="{{image}}"
                            class="frontpage-banner" alt="{{title}}"></div>
                        <div class="frontpage-banner-content">
                            {{#title}}<h2 class="pb-4 mb-3">{{title}}</h2>{{/title}}
                            {{#subtitle}}<p class="h3 mb-3">{{{subtitle}}}</p>{{/subtitle}}
                            {{#btntext}}{{#btnhref}}<a href="{{btnhref}}" class="px-3 py-1 btn {{btnclass}}" role="button">{{{btntext}}}</a>{{/btnhref}}{{/btntext}}
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselTrema" role="button" data-{{databs}}target="#carouselTrema" data-{{databs}}slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only visually-hidden">{{#str}} previous, core {{/str}}</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselTrema" role="button" data-{{databs}}slide="next" data-{{databs}}target="#carouselTrema">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only visually-hidden">{{#str}} next, core {{/str}}</span>
                    </a>
                    {{/frontpagecarrousel}}
                </div>
                {{{ output.frontpage_settings_menu }}}
            </div>
        {{/ifcarrousel}}
        {{^ifcarrousel}}
        <div id="frontpage-banner">
            <div id="frontpage-banner-content">
	            {{#frontpagetitle}}<h2 class="pb-4 mb-3">{{{frontpagetitle}}}</h2>{{/frontpagetitle}}
	            {{#frontpagesubtitle}}<p class="h3 mb-3">{{{frontpagesubtitle}}}</p>{{/frontpagesubtitle}}
	            {{#frontpagebuttontext}}{{#frontpagebuttonhref}}<a href="{{frontpagebuttonhref}}" class="px-3 py-1 btn {{frontpagebuttonclass}}" role="button">{{{frontpagebuttontext}}}</a>{{/frontpagebuttonhref}}{{/frontpagebuttontext}}
            </div>
            {{{ output.frontpage_settings_menu }}}
        </div>
        {{/ifcarrousel}}
        <div id="topofcontent"></div>
        {{/showbanner}}
        {{^showbanner}}
            {{{ output.frontpage_settings_menu }}}
        {{/showbanner}}
        {{#secondarymoremenu}}
            <div class="secondary-navigation">
                {{> core/moremenu}}
            </div>
        {{/secondarymoremenu}}
        {{#hascards}}
            {{> theme_trema/frontpage_cards }}
        {{/hascards}}
        <div id="page-content" class="pb-3 container 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}}
                    {{#defaultfrontpagebody}}
                    <div id="defaultfrontpagebody" class="mb-4">
                        {{{defaultfrontpagebody}}}
                    </div>
                    {{/defaultfrontpagebody}}
                    {{{ output.course_content_header }}}
                    {{#headercontent}}
                        {{> core/activity_header }}
                    {{/headercontent}}
                    {{#overflow}}
                        {{> core/url_select}}
                    {{/overflow}}
                    {{{ output.main_content }}}
                    {{{ output.activity_navigation }}}
                    {{{ output.course_content_footer }}}

                </section>
            </div>
        </div>
        {{#hasadminblocks}}
        <div id="side-admin-blocks" class="mt-4">
            <div class="container py-3">
                <h3 class="text-center my-2">{{#str}}adminarea, theme_trema{{/str}}</h3>
                {{{ sideadminblocks }}}
            </div>
        </div>
        {{/hasadminblocks}}
        {{{ output.standard_after_main_region_html }}}
        {{#enabletremafooter}}
            {{> theme_trema/footer }}
        {{/enabletremafooter}}
        {{^enabletremafooter}}
            {{> theme_boost/footer }}
        {{/enabletremafooter}}
    </div>
    <div id="goto-top-link">
        {{! go to top is sticky to footer so needs to be sibling }}
        <a class="btn btn-light m-0" role="button" href="#"
            onclick="const p = document.getElementById('page'); p.scrollTo({
                top: 0,
                left: 0,
                behavior: 'smooth'
            });"
            aria-label="{{#str}} totop, theme_trema {{/str}}">
            {{#pix}} i/up, core{{/pix}}
        </a>
    </div>
</div>

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