{{!
    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_degrade/frontpage

    Theme frontpage 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
    * 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>",
        "navdraweropen": false,
        "blockdraweropen": true,
        "regionmainsettingsmenu": "",
        "hasregionmainsettingsmenu": false,
        "addblockbutton": ""
    }
}}
{{> theme_degrade/head }}

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

    {{{ output.standard_top_of_body_html }}}

    {{> theme_degrade/navbar }}

    <div id="page" data-region="mainpage" data-usertour="scroller"
         class="drawers {{#blockdraweropen}}show-drawer-right{{/blockdraweropen}} drag-container">
        <div id="topofscroll" class="main-inner {{#homemode_status}}homemode_editor{{/homemode_status}}">
            {{#editing}}
                <div class="editmode-page-item editmode-block-form alert alert-info" style="display:none">
                    <form action="{{{homemode_form_action}}}"
                          method="post" class="d-flex align-items-center editmode-switch-form w-100"
                          id="homemode-editingswitch-form">
                        <div class="d-flex align-items-center">
                            <div class="me-4 text-nowrap">{{#str}}frontpage_change_editor, theme_degrade{{/str}}</div>
                            <div class="input-group">
                            <div class="custom-control form-switch">
                                <input type="checkbox" {{#homemode_status}} checked {{/homemode_status}}
                                       id="homemode-editingswitch"
                                       name="homemode"
                                       value="1"
                                       class="form-check-input">
                                <span class="custom-control-label">&nbsp;</span>
                            </div>
                        </div>
                        </div>
                        <input type="hidden" name="sesskey" value="{{{config.sesskey}}}">
                        <input type="submit" class="d-none">

                        <a class="btn btn-lg btn-primary text-nowrap ms-5" href="{{{homemode_quickstart_action}}}">
                            <svg viewBox="0 0 24 24" width="20" height="20">
                                <path d="M14.5 3.5c2.7 0 5.7 1.2 5.7 1.2s-1.2 3-3.9 5.7l-6 6-3.1-3.1 6-6C11.6 4.7 14.5 3.5 14.5 3.5zM8.3 16.7l-2.5 5 5-2.5 6.6-6.6-2.5-2.5-6.6 6.6zM7 14.6l2.4 2.4" fill="currentColor"></path>
                            </svg>
                            {{#str}}quickstart_title, theme_degrade{{/str}}
                        </a>
                    </form>
                </div>
            {{/editing}}

            {{^homemode_status}}
                {{{ 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"
                                 {{#hasnavbarcourse}}class="hasnavbarcourse"{{/hasnavbarcourse}}
                                 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}}

                            {{#course_summary}}
                                <div class="course-section">
                                    <div class="section-item">
                                        {{{course_summary}}}
                                    </div>
                                </div>
                            {{/course_summary}}

                            {{{ output.main_content }}}
                            {{{ output.activity_navigation }}}
                            {{{ output.course_content_footer }}}

                        </section>
                    </div>
                </div>
            {{/homemode_status}}
            {{#homemode_status}}
                {{{ output.main_content }}}
            {{/homemode_status}}
        </div>
    </div>
    {{> theme_degrade/footer }}
    {{{ 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}}
