{{!
    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/>.
}}
{{^cannotview}}
<div class='course-progress-settings d-none flex-wrap  {{#alwaysload}} always-loading {{/alwaysload}}'>
    <div class="form-check d-flex" title="{{#str}} alwaysloaddesc, block_remuiblck {{/str}}">
        <input type="checkbox" class="form-check-input d-flex align-self-center" id="always-load-progress" {{#alwaysload}} checked
            {{/alwaysload}}>
        <label class="form-check-label p-ml-2" for="always-load-progress">{{#str}} alwaysload, block_remuiblck {{/str}}</label>
    </div>
    <button class="btn btn-primary " id="load-progress"
        title="{{#str}} loadcourseprogressdesc, block_remuiblck {{/str}}">{{#str}} loadcourseprogress, block_remuiblck
        {{/str}}</button>
</div>
<div class="block-processing d-none">
    <div class="block-processing-icon"><i class="fa fa-circle-o-notch fa-spin"></i></div>
</div>
<div class="course-progress-block" id="course-progress-{{uniqid}}">
    <table id="DataTables_Teacher" class="dataTable">
        <thead>
            <tr role="row">
            <th>#</th>
            <th>{{#str}}courses, moodle{{/str}}</th>
            <th>{{#str}}startdate, block_remuiblck{{/str}}</th>
            <th>{{#str}}enrolledstudents, block_remuiblck{{/str}}</th>
            <th style="width: 100px;">{{#str}}progress, block_remuiblck{{/str}}</th>
            </tr>
        </thead>
        <tbody>
            {{> block_remuiblck/placeholder-course-progress }}
            {{> block_remuiblck/placeholder-course-progress }}
            {{> block_remuiblck/placeholder-course-progress }}
            {{> block_remuiblck/placeholder-course-progress }}
            {{> block_remuiblck/placeholder-course-progress }}
            {{> block_remuiblck/placeholder-course-progress }}
        </tbody>
    </table>
    <div class="student_progress_ele">
    </div>
</div>


{{#js}}
require(['block_remuiblck/course_progress'], function(courseprogress) {
  courseprogress.init('[data-block="remuiblck"] #courseprogress', {{{alwaysloadwarning}}});
});
{{/js}}
{{/cannotview}}
