{{!
    This file is part of Moodle - https://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 local_kopere_bi/filter-course

    Example context (json):
    {
      "course_fullname": "Curso de Desenvolvimento Web",
      "url_ajax": "https://example.com/user_ajax_endpoint",
      "url_click": "https://example.com/user_click_endpoint"
    }
}}

<div id="chart-course-button-open" style="display: none">
    <span>{{#str}}course{{/str}}:</span>
    <span class="select">
        {{{course_fullname}}}
    </span>
</div>
<div id="chart-course-datatable-select" style="display:none;"
     data-urlajax="{{{url_ajax}}}"
     data-urlclick="{{{url_click}}}"
     title="{{#str}}reports_selectcourse,local_kopere_bi{{/str}}">
    <table id="datatable_course_select" class="table table-hover">
        <thead>
        <tr>
            <th class="text-center th_id" style="width: 20px">#</th>
            <th class="text-center th_fullname">{{#str}}courses_name,local_kopere_dashboard{{/str}}</th>
            <th class="text-center th_shortname">{{#str}}courses_shortname,local_kopere_dashboard{{/str}}</th>
            <th class="text-center th_visible">{{#str}}visible,local_kopere_dashboard{{/str}}</th>
            <th class="text-center th_enrolments"
                style="width:50px;white-space:nowrap;">{{#str}}courses_enrol,local_kopere_dashboard{{/str}}</th>
        </tr>
        </thead>
        <tbody class="hover-pointer"></tbody>
    </table>
</div>
