{{!
    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_course/activitychooser

    Chooser dialog template.

    Example context (json):
    {
        "recommendedBeginning": true,
        "favouritesFirst": true,
        "favourites": [
            {
                "title": "Option name 1",
                "description": "Option description 1"
            },
            {
                "title": "Option name 2",
                "description": "Option description 2"
            }
        ],
        "recommended": [
            {
                "title": "Option name 3",
                "description": "Option description 3"
            }
        ],
        "showAll": true
    }
}}

<div data-region="carousel" class="carousel slide d-flex flex-fill">
    <div class="carousel-inner d-flex flex-fill" aria-live="polite">
        <div class="carousel-item p-3 active" data-region="modules">
            <div class="modchoosercontainer d-flex flex-column flex-fill" aria-label="{{#str}} activitymodules, core {{/str}}">
                <div class="searchcontainer mb-3">
                    {{>core_course/local/activitychooser/search}}
                </div>
                <div data-region="chooser-container" class="chooser-container">
                    <div class="nav nav-tabs flex-shrink-0 z-index-1" id="activities-{{uniqid}}" role="tablist">
                        <a class="nav-item nav-link {{#favouritesFirst}}active{{/favouritesFirst}} {{^favourites}}d-none{{/favourites}}"
                           id="starred-tab-{{uniqid}}"
                           data-toggle="tab"
                           data-region="favourite-tab-nav"
                           href="#starred-{{uniqid}}"
                           role="tab"
                           aria-label="{{#str}} aria:favouritestab, core_course {{/str}}"
                           aria-controls="starred-{{uniqid}}"
                           aria-selected="{{#favouritesFirst}}true{{/favouritesFirst}}{{^favouritesFirst}}false{{/favouritesFirst}}"
                           tabindex="{{#favouritesFirst}}0{{/favouritesFirst}}{{^favouritesFirst}}-1{{/favouritesFirst}}"
                        >
                            {{#str}} favourites, core {{/str}}
                        </a>
                        {{#recommendedBeginning}}
                        <a class="nav-item nav-link {{#recommendedFirst}}active{{/recommendedFirst}} {{^recommended}}d-none{{/recommended}}"
                           id="recommended-tab-{{uniqid}}"
                           data-region="recommended-tab-nav"
                           data-toggle="tab"
                           href="#recommended-{{uniqid}}"
                           role="tab"
                           aria-label="{{#str}} aria:recommendedtab, core_course {{/str}}"
                           aria-controls="recommended-{{uniqid}}"
                           aria-selected="false"
                           tabindex="-1"
                        >
                            {{#str}} recommended, core {{/str}}
                        </a>
                        {{/recommendedBeginning}}
                        <a class="nav-item nav-link {{#fallback}}active{{/fallback}} {{^showAll}}d-none{{/showAll}}"
                           id="all-tab-{{uniqid}}"
                           data-toggle="tab"
                           data-region="default-tab-nav"
                           href="#all-{{uniqid}}"
                           role="tab"
                           aria-label="{{#str}} aria:defaulttab, core_course {{/str}}"
                           aria-controls="all-{{uniqid}}"
                           aria-selected="{{#fallback}}true{{/fallback}}{{^fallback}}false{{/fallback}}"
                           tabindex="{{#fallback}}0{{/fallback}}{{^fallback}}-1{{/fallback}}"
                        >
                            {{#str}} all, core {{/str}}
                        </a>
                        <a class="nav-item nav-link {{#activitiesFirst}}active{{/activitiesFirst}} {{^showActivities}}d-none{{/showActivities}}"
                           id="activity-tab-{{uniqid}}"
                           data-toggle="tab"
                           data-region="activity-tab-nav"
                           href="#activity-{{uniqid}}"
                           role="tab"
                           aria-label="{{#str}} activities, core {{/str}}"
                           aria-controls="activity-{{uniqid}}"
                           aria-selected="{{#activitiesFirst}}true{{/activitiesFirst}}{{^activitiesFirst}}false{{/activitiesFirst}}"
                           tabindex="{{#activitiesFirst}}0{{/activitiesFirst}}{{^activitiesFirst}}-1{{/activitiesFirst}}"
                        >
                            {{#str}} activities, core {{/str}}
                        </a>
                        <a class="nav-item nav-link {{^showResources}}d-none{{/showResources}}"
                           id="resources-tab-{{uniqid}}"
                           data-toggle="tab"
                           data-region="resources-tab-nav"
                           href="#resources-{{uniqid}}"
                           role="tab"
                           aria-label="{{#str}} resources, core {{/str}}"
                           aria-controls="resources-{{uniqid}}"
                           aria-selected="false"
                           tabindex="-1"
                        >
                            {{#str}} resources, core {{/str}}
                        </a>
                        {{^recommendedBeginning}}
                        <a class="nav-item nav-link {{#recommendedFirst}}active{{/recommendedFirst}} {{^recommended}}d-none{{/recommended}}"
                           id="recommended-tab-{{uniqid}}"
                           data-region="recommended-tab-nav"
                           data-toggle="tab"
                           href="#recommended-{{uniqid}}"
                           role="tab"
                           aria-label="{{#str}} aria:recommendedtab, core_course {{/str}}"
                           aria-controls="recommended-{{uniqid}}"
                           aria-selected="false"
                           tabindex="-1"
                        >
                            {{#str}} recommended, core {{/str}}
                        </a>
                        {{/recommendedBeginning}}
                    </div>
                    <div class="tab-content flex-fill border-left border-right border-bottom bg-light" id="tabbed-activities-{{uniqid}}">
                        <div class="tab-pane {{#favouritesFirst}}active{{/favouritesFirst}}" id="starred-{{uniqid}}" data-region="favourites" role="tabpanel" aria-labelledby="starred-tab-{{uniqid}}">
                            <div class="optionscontainer d-flex flex-wrap p-1 mw-100 position-relative" role="menubar" data-region="chooser-options-container" data-render="favourites-area">
                                {{>core_course/local/activitychooser/favourites}}
                            </div>
                        </div>
                        <div class="tab-pane {{#fallback}}active{{/fallback}} {{^showAll}}d-none{{/showAll}}" id="all-{{uniqid}}" data-region="default" role="tabpanel" aria-labelledby="all-tab-{{uniqid}}">
                            <div class="optionscontainer d-flex flex-wrap p-1 mw-100 position-relative" role="menubar" data-region="chooser-options-container">
                                {{#default}}
                                    {{>core_course/local/activitychooser/item}}
                                {{/default}}
                            </div>
                        </div>
                        <div class="tab-pane {{#activitiesFirst}}active{{/activitiesFirst}}" id="activity-{{uniqid}}" data-region="activity" role="tabpanel" aria-labelledby="activity-tab-{{uniqid}}">
                            <div class="optionscontainer d-flex flex-wrap p-1 mw-100 position-relative" role="menubar" data-region="chooser-options-container">
                                {{#activities}}
                                    {{>core_course/local/activitychooser/item}}
                                {{/activities}}
                            </div>
                        </div>
                        <div class="tab-pane" id="resources-{{uniqid}}" data-region="resources" role="tabpanel" aria-labelledby="resources-tab-{{uniqid}}">
                            <div class="optionscontainer d-flex flex-wrap p-1 mw-100 position-relative" role="menubar" data-region="chooser-options-container">
                                {{#resources}}
                                    {{>core_course/local/activitychooser/item}}
                                {{/resources}}
                            </div>
                        </div>
                        <div class="tab-pane {{#recommendedFirst}}active{{/recommendedFirst}}" id="recommended-{{uniqid}}" data-region="recommended" role="tabpanel" aria-labelledby="recommended-tab-{{uniqid}}">
                            <div class="optionscontainer d-flex flex-wrap p-1 mw-100 position-relative" role="menubar" data-region="chooser-options-container">
                                {{#recommended}}
                                    {{>core_course/local/activitychooser/item}}
                                {{/recommended}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="carousel-item" data-region="help"></div>
        <!--The following div is used as a place for additional plugins to have widgets in the chooser.-->
        <div class="carousel-item" data-region="pluginCarousel"></div>
    </div>
</div>
