{{!
    @template local_kid/matrix_table

    * columns - [{label, code, colindex}]
    * rows - [{name, sortname, statusbadge, openurl,
      cells: [{niveaulabel, niveauclass, sortvalue, commentaire, hascommentaire}]}]
}}
<div class="kid-table-wrap">
    <table class="kid-table kid-matrix-table" data-region="kid-sortable-table">
        <thead>
            <tr>
                <th class="kid-sortable" data-sort-type="text" data-col="0">
                    <button type="button" class="kid-sort-btn">{{#str}}entry_col_student, local_kid{{/str}}</button>
                </th>
                {{#columns}}
                <th class="kid-sortable kid-th-competency" data-sort-type="niveau" data-col="{{colindex}}" title="{{code}}">
                    <button type="button" class="kid-sort-btn">{{label}}</button>
                </th>
                {{/columns}}
            </tr>
        </thead>
        <tbody>
            {{#rows}}
            <tr>
                <td data-sort-value="{{sortname}}">
                    <a href="{{openurl}}">{{name}}</a>
                    {{{statusbadge}}}
                </td>
                {{#cells}}
                <td data-sort-value="{{sortvalue}}">
                    {{> local_kid/niveau_badge}}
                    {{#hascommentaire}}
                    <i class="icon fa fa-comment fa-fw kid-comment-icon" data-toggle="tooltip" data-placement="top" title="{{commentaire}}" aria-label="{{#str}}dashboard_see_more, local_kid{{/str}}"></i>
                    {{/hascommentaire}}
                </td>
                {{/cells}}
            </tr>
            {{/rows}}
        </tbody>
    </table>
</div>
