{{!
    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
    }
}}

{{{ output.doctype }}}
<html {{{ output.htmlattributes }}}>
<head>
	{{#output.google_analyticsid}}
    <!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id={{{output.google_analyticsid}}}"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());
	
	  gtag('config', '{{{output.google_analyticsid}}}');
	</script>
    {{/output.google_analyticsid}}
    <title>{{{ output.page_title }}}</title>
    <link rel="shortcut icon" href="{{{ output.favicon }}}" />
    
    {{#output.hasinternet}}
        
	    {{#output.usefontsapi}}
		    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
		
		    {{#output.headingfont}}
		    <link href="https://fonts.googleapis.com/css?family={{ output.headingfont }}:300,400,500,700" rel="stylesheet" />
		    {{/output.headingfont}}
		    
		    {{#output.pagefont}}
		    <link href="https://fonts.googleapis.com/css?family={{ output.pagefont }}:300,400,500,700" rel="stylesheet" />
		    {{/output.pagefont}}
		{{/output.usefontsapi}}
    {{/output.hasinternet}}  

    {{!--//ios_homescreen_icons (theme class function)--}}
	{{{ output.ios_homescreen_icons}}}
    
    {{{ output.standard_head_html }}}
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    
</head>

<body {{{ bodyattributes }}}>

{{> core/local/toast/wrapper}}


<div id="page-wrapper" class="page-wrapper {{#output.hideheaderbranding}}branding-section-hidden{{/output.hideheaderbranding}}">

    {{{ output.standard_top_of_body_html }}}

    {{>theme_maker/header}}


    {{#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}} drag-container">

	    <div id="topofscroll" class="main-inner container-fluid">
		    
		     <div class="page-header-wrapper {{{ output.has_course_image }}}">
			    {{{ output.course_image }}}
				<div>
				    {{{ output.full_header }}}
			    </div>
			    
		    </div><!--//page-header-wrapper-->
		    
		    <div class="drawer-toggles d-flex">
                {{#courseindex}}
                    <div class="drawer-toggler drawer-left-toggle open-nav d-print-none">
                        <button
                            class="shadow-sm 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>
		    
		    <div class="secondarynavigation d-print-none">
	            {{#secondarymoremenu}}
	                {{> core/moremenu}}
	            {{/secondarymoremenu}}
	        </div>
		    
	        <div id="page-content" class="d-print-block">
	            <div id="region-main-box">
		            
	                {{#hasregionmainsettingsmenu}}
	                <div id="region-main-settings-menu" class="d-print-none {{#hasblocks}}has-blocks{{/hasblocks}}">
	                    <div> {{{ regionmainsettingsmenu }}}  </div>
	                </div>
	                {{/hasregionmainsettingsmenu}}
	                
	                
	                <section id="region-main" aria-label="{{#str}}content{{/str}}" >
		                
		                {{#hasblockscenterpre}}	
		                <div class="blocks-center-wrapper blocks-center-pre-wrapper">	
			                {{{centerpreblocks}}}	
			            </div><!--//blocks-cecnter-pre-wrapper-->	
			            {{/hasblockscenterpre}}   
		                
	                    <div class="card">
		                    <div class="card-body"> 
		                
			                    {{#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 }}}
			                    {{{ output.course_content_footer }}}
			           
		                    </div>
	                    </div>
	                    
	                    {{#hasblockscenterpost}}
		                <div class="blocks-center-wrapper blocks-center-post-wrapper">
			                {{{centerpostblocks}}}
			            </div><!--//blocks-cecnter-post-wrapper-->
			            {{/hasblockscenterpost}}  
	                  
	                </section>

	            </div>
	        </div>
	    </div>
	    {{>theme_maker/footer}}
    </div><!--//#page-->
    
    {{{ output.standard_after_main_region_html }}}
    
</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');
});
{{/js}}
