{{!
    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_moove/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_moove/head }}

<body {{{ bodyattributes }}}>
{{> theme_moove/accessibilitybar }}

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

    {{{ output.standard_top_of_body_html }}}

    {{> theme_moove/navbar }}

    <div id="page" data-region="mainpage" data-usertour="scroller" class="drawers drag-container">
        <div id="topofscroll" class="main-inner">
            <div id="page-content" class="d-print-block">
                <div id="region-main-box">
                    <div class="row">
                        {{#user}}
                            <div class="col-md-4">
                                <div class="card card-body card-profile">
                                    <div class="userpicture">
                                        <img src="{{{userpicture}}}" alt="{{{userfullname}}}">
                                    </div>

                                    <h3>{{{userfullname}}}</h3>

                                    <div class="headerbuttons">
                                        {{#headerbuttons}}
                                            <a role="button" href="{{{url}}}" class="{{{class}}}"
                                                {{#linkattributes}}
                                               id="{{{id}}}"
                                               data-userid="{{{data-userid}}}"
                                               data-is-contact="{{{data-is-contact}}}"
                                               data-currentuserid="{{{data-currentuserid}}}"
                                                {{/linkattributes}}
                                            >
                                                <i class="{{{icon}}}" title="{{{title}}}" aria-label="{{{title}}}"></i>
                                                {{{title}}}
                                            </a>
                                        {{/headerbuttons}}
                                    </div>

                                    {{#editprofileurl}}
                                        <a href="{{{editprofileurl}}}" class="btn btn-sm btn-primary btn-block my-2"><i class="fa fa-edit"></i> {{#str}}editmyprofile{{/str}}</a>
                                    {{/editprofileurl}}

                                    <div class="userinfo my-2">
                                        {{#userdescription}}
                                            <hr>

                                            <h6>{{#str}}aboutme, theme_moove{{/str}}</h6>

                                            <div class="userdescription">{{{userdescription}}}</div>

                                            <hr>
                                        {{/userdescription}}
                                    </div>
                                </div>
                            </div>
                        {{/user}}
                        <div class="{{#user}}col-md-8{{/user}}{{^user}}col-md-12{{/user}}">
                            <section id="region-main" aria-label="{{#str}}content{{/str}}">
                                {{{ output.main_content }}}
                            </section>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{> theme_moove/footer }}
    </div>
    {{{ output.standard_after_main_region_html }}}
</div>

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