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

    Edwiser RemUI 
    @package    theme_remui
    @copyright  (c) 2018 WisdmLabs (https://wisdmlabs.com/)
    @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 
}}
{{!
    @template theme_remui/columns2

    Admin time setting template.

    Boost 2 column layout 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
    * navdraweropen - 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,
        "navdraweropen":true,
        "regionmainsettingsmenu": "",
        "hasregionmainsettingsmenu": false
    }
}}
{{> theme_remui/common_start }}

    <div class="page-main">
    <div class="container">
        {{{ output.full_header }}}

        <div class="page-content">
            
            <!-- Filters -->
            <div class="row category-filters pb-20 d-none">
                {{{allfilters}}}
            </div>

            <div class="nav-tabs-horizontal courses-tabs" data-plugin="tabs">
                <ul class="nav nav-tabs nav nav-tabs nav-tabs-line" role="tablist">
                    {{#tabcontent}}
                    <li class="nav-item" role="presentation">
                        <a id="{{name}}tab" class="nav-link {{#isActive}}active show{{/isActive}}" data-toggle="tab" href="#{{name}}region" aria-controls="{{name}}region" role="tab" aria-selected="true">
                            {{text}}
                        </a>
                    </li>
                    {{/tabcontent}}
                </ul>
                <div class="tab-content mt-10 {{#latest_card}}latest-cards{{/latest_card}}">
                    <div class="courses-loader-wrap w-p100 h-p100">
                        <i class="h3 fa-spin fa fa-circle-o-notch" aria-hidden="true"></i>
                    </div>
                    {{#tabcontent}}
                    <div class="tab-pane {{#isActive}}active show{{/isActive}}" id="{{name}}region" role="tabpanel">
                        <div class="row content">
                            
                        </div>
                        <div class="pagination" id="{{name}}pagination"></div>
                    </div>
                    {{/tabcontent}}
                </div>
            </div>
            
        </div>
        <div id="region-main-box" class="hidden">
            {{#hasregionmainsettingsmenu}}
                <div id="region-main-settings-menu" class="hidden-print {{#hasblocks}}has-blocks{{/hasblocks}}">
                    <div> {{{ output.region_main_settings_menu }}} </div>
                </div>
            {{/hasregionmainsettingsmenu}}
            <section id="region-main" {{#hasblocks}}class="has-blocks"{{/hasblocks}}>
                {{#hasregionmainsettingsmenu}}
                    <div class="region_main_settings_menu_proxy"></div>
                {{/hasregionmainsettingsmenu}}
                {{{ output.course_content_header }}}
                {{{ output.main_content }}}
                {{{ output.course_content_footer }}}
            </section>
        </div>
    </div>  

    </div>
{{> theme_remui/common_end }}

{{#js}}
require(['theme_remui/loader',  'theme_remui/coursecategory'], function (l, c) {
    Breakpoints();
});
{{/js}}
