{{!
    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 core_courseformat/local/content/movecmsection

    Displays the course index.

    Example context (json):
    {
        "title": "General",
        "id": 42,
        "number": 1,
        "sectionurl": "#",
        "hascms": true,
        "cms": [
            {
                "name": "Glossary of characters",
                "id": "10",
                "url": "#",
                "sectioninfo": false
            },
            {
                "name": "World Cinema forum",
                "id": "11",
                "url": "#",
                "sectioninfo": {
                    "title": "World Cinema forum",
                    "id": "11",
                    "number": "5",
                    "sectionurl": "#",
                    "hascms": true,
                    "cms": [
                        {
                            "name": "Announcements",
                            "id": "12",
                            "url": "#",
                            "sectioninfo": false
                        }
                    ]
                }
            },
            {
                "name": "Announcements",
                "id": "12",
                "url": "#",
                "sectioninfo": false
            }
        ]
    }
}}
<div class="collapse-list-item d-flex"
     id="movemodalsection{{number}}"
     data-for="section_item"
>
    <a data-bs-toggle="collapse"
       href="#movemodalcollapse{{number}}"
       aria-expanded="false"
       aria-controls="movemodalcollapse{{number}}"
       class="collapse-list-link icons-collapse-expand collapsed"
    >
        <span class="collapsed-icon icon-no-margin me-1" data-bs-toggle="tooltip" title="{{#str}} expand, core {{/str}}">
            <span class="dir-rtl-hide">{{#pix}} t/collapsedchevron, core {{/pix}}</span>
            <span class="dir-ltr-hide">{{#pix}} t/collapsedchevron_rtl, core {{/pix}}</span>
            <span class="visually-hidden">{{#str}} expand, core {{/str}}</span>
        </span>
        <span class="expanded-icon icon-no-margin me-1" data-bs-toggle="tooltip" title="{{#str}} collapse, core {{/str}}">
            {{#pix}} t/expandedchevron, core {{/pix}}
            <span class="visually-hidden">{{#str}} collapse, core {{/str}}</span>
        </span>
    </a>
    <a href="#"
       class="collapse-list-link text-truncate"
       data-for="section"
       data-id="{{id}}"
       data-number="{{number}}"
    >
        {{{title}}}
    </a>
    <span class="dragicon ms-auto">{{#pix}}i/dragdrop{{/pix}}</span>
</div>
<div id="movemodalcollapse{{number}}"
     class="collapse"
     aria-labelledby="movemodalsection{{number}}"
     role="group"
>
    <ul class="unlist" data-for="cmlist" data-id="{{id}}">
        {{#cms}}
            {{#sectioninfo}}
                <li class="d-flex flex-column" role="treeitem" data-for="sectionnode">
                    {{> core_courseformat/local/content/movecmsection}}
                </li>
            {{/sectioninfo}}
            {{^sectioninfo}}
                <li class="collapse-list-item d-flex" role="treeitem">
                    <a class="text-truncate"
                       href="#"
                       data-for="cm"
                       data-id="{{id}}"
                    >
                        {{{name}}}
                    </a>
                </li>
            {{/sectioninfo}}
        {{/cms}}
    </ul>
</div>
