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

    Collapsed Topics section summary template.

    Context variables required for this template:
    * formatsummarytext - The format summary text.
    * heading - The heading.
    * horizontalclass - Additional classes used when the format has a horizontal layout.
    * horizontalwidth - Horizontal layout width.
    * rtl - Right to left?
    * sectionactivitysummary - Section activity summary.
    * sectionavailability - Section availability.
    * sectionno - Section number.
    * title - The title.

    Example context (json):
    {
        "formatsummarytext": '<div class="no-overflow"><p dir="ltr" style="text-align: left;">Section 1 summary</p></div>',
        "heading": '<h3 class="section-title"><a href="https://moodle.local/course/view.php?id=24#section-1" class="">Section 1</a></h3>',
        "horizontalclass": "col-lg-3",
        "horizontalwidth": "100",
        "rtl": false,
        "sectionactivitysummary": '',
        "sectionavailability": '<div class="section_availability"></div>',
        "sectionno": "1",
        "title": "The section"
    }
}}
<li id="section-{{sectionno}}" class="section main section-summary clearfix{{#classattrextra}} {{classattrextra}}{{/classattrextra}}{{#horizontalclass}} {{horizontalclass}}{{/horizontalclass}}"{{#horizontalwidth}} style="width: {{horizontalwidth}}%;"{{/horizontalwidth}} role="region" aria-label="{{title}}" data-sectionid="{{sectionno}}">
{{^rtl}}
    <div class="left side"></div>
{{/rtl}}
{{#rtl}}
    <div class="right side"></div>
{{/rtl}}
    <div class="content">
        {{{heading}}}
        <div class="summarytext">
            {{{formatsummarytext}}}
        </div>
        {{{sectionactivitysummary}}}
        {{{sectionavailability}}}
    </div>
{{^rtl}}
    <div class="right side"></div>
{{/rtl}}
{{#rtl}}
    <div class="left side"></div>
{{/rtl}}
</li>