{{!
    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 format_topcoll/stealthsection

    Collapsed Topics stealth section template.

    Context variables required for this template:
    * cscml - Course section course module list.
    * heading - The heading.
    * horizontalclass - Additional classes used when the format has a horizontal layout.
    * horizontalwidth - Horizontal layout width.
    * rightcontent - Right column content.
    * rtl - Right to left?
    * sectionid - Section id.
    * sectionno - Section number.

    Example context (json):
    {
        "cscml": "",
        "heading": '<h3 id="sectionid-124-title" class="section-title">Section 1</h3>',
        "horizontalclass": "col-lg-3",
        "horizontalwidth": "100",
        "rightcontent": "",
        "rtl": false,
        "sectionid": "124",
        "sectionno": "1"
    }
}}
<li id="section-{{sectionno}}" class="section main clearfix orphaned hidden{{#horizontalclass}} {{horizontalclass}}{{/horizontalclass}}"{{#horizontalwidth}} style="width: {{horizontalwidth}}%;"{{/horizontalwidth}} role="region" aria-labeled-by="sectionid-{{sectionid}}-title" data-sectionid="{{sectionno}}">
{{^rtl}}
    <div class="left side"></div>
{{/rtl}}
{{#rtl}}
    <div class="right side">{{{rightcontent}}}</div>
{{/rtl}}
    <div class="content">
        {{{heading}}}
        {{{cscml}}}
    </div>
{{^rtl}}
    <div class="right side">{{{rightcontent}}}</div>
{{/rtl}}
{{#rtl}}
    <div class="left side"></div>
{{/rtl}}
</li>