{{!
    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/sectionhidden

    Collapsed Topics section hidden template.

    Context variables required for this template:
    * heading - The heading.
    * horizontalclass - Additional classes used when the format has a horizontal layout.
    * horizontalwidth - Horizontal layout width.
    * leftcontent - Left column content.
    * nomtore - No mobile / tablet or editing.
    * rightcontent - Right column content.
    * rtl - Right to left?
    * sectionavailability - Section availability.
    * sectionid - Section id.
    * sectionno - Section number.
    * title - The title.

    Example context (json):
    {
        "leftcontent": "1",
        "heading": '<h3 id="sectionid-124-title" class="section-title">Section 1</h3>',
        "horizontalclass": "col-lg-3",
        "horizontalwidth": "100",
        "nomtore": true,
        "rightcontent": "",
        "rtl": false,
        "sectionavailability": '<div class="section_availability"><div class="availabilityinfo ishidden"><span class="badge badge-info">Not available</span></div></div>',
        "sectionid": "124",
        "sectionno": "1",
        "title": "The hidden section"
    }
}}
<li id="section-{{sectionno}}" class="section main clearfix hidden{{#horizontalclass}} {{horizontalclass}}{{/horizontalclass}}"{{#horizontalwidth}} style="width: {{horizontalwidth}}%;"{{/horizontalwidth}} role="region" aria-labelledby="sectionid-{{sectionid}}-title" data-sectionid="{{sectionno}}">
{{#nomtore}}
    {{^rtl}}
    <div class="left side">{{{leftcontent}}}</div>
    {{/rtl}}
    {{#rtl}}
    <div class="right side">{{{rightcontent}}}</div>
    {{/rtl}}
{{/nomtore}}
    <div class="content sectionhidden">
    {{#nomtore}}
        {{{heading}}}
    {{/nomtore}}
    {{^nomtore}}
        <h3 id="sectionid-{{sectionid}}-title">{{{title}}}</h3>
    {{/nomtore}}
        {{{sectionavailability}}}
    </div>
{{#nomtore}}
    {{^rtl}}
    <div class="right side">{{{rightcontent}}}</div>
    {{/rtl}}
    {{#rtl}}
    <div class="left side">{{{leftcontent}}}</div>
    {{/rtl}}
{{/nomtore}}
</li>
