<table id="report-table"
       class="table table-striped table-hover table-bordered bg-light"
       data-toggle="table"
       data-sticky-header="true"
       data-sticky-header-offset-y="65"
       data-sortable="true">
    <thead>
        <tr class="bg-primary text-white">
            <th class="text-center" data-field="model" data-sortable="true">Model</th>
            <th class="text-center" data-field="metric" data-sortable="true">Metric</th>
            <th class="text-center" data-field="platform" data-sortable="true">Platform</th>
            <th class="text-center" data-field="stratified" data-sortable="true">Stratified</th>
            <th class="text-center"
                data-field="samples"
                data-sortable="true"
                data-sorter="remove_dot">Samples</th>
            <th class="text-center"
                data-field="features"
                data-sortable="true"
                data-sorter="remove_dot">Features</th>
            <th class="text-center"
                data-field="classes"
                data-sortable="true"
                data-sorter="remove_dot">Classes</th>
            <th class="text-center"
                data-field="nodes"
                data-sortable="true"
                data-sorter="remove_dot">{{ app_config.nodes }}</th>
            <th class="text-center"
                data-field="leaves"
                data-sortable="true"
                data-sorter="remove_dot">{{ app_config.leaves }}</th>
            <th class="text-center"
                data-field="depth"
                data-sortable="true"
                data-sorter="remove_dot">{{ app_config.depth }}</th>
            <th class="text-center"
                data-field="score"
                data-sortable="true"
                data-sorter="remove_plus">Score</th>
            <th class="text-center"
                data-field="time"
                data-sortable="true"
                data-sorter="remove_plus">Time</th>
            <th class="text-center" data-field="hyperparameters" data-sortable="true">Hyperparameters</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        {% for file_name, item in results.items() %}
            {% set parts = file_name.split('_') %}
            {% set stratified = parts[6].split('.')[0] %}
            <tr>
                <td class="text-left">{{ parts[2] }}</td>
                <td class="text-center">{{ parts[1] }}</td>
                <td class="text-center">{{ parts[3] }}</td>
                <td class="text-center">{{ 'True' if stratified =='1' else 'False' }}</td>
                <td class="text-end">{{ '{:,}'.format(item.samples) }}</td>
                <td class="text-end">{{ "%d" % item.features }}</td>
                <td class="text-end">{{ "%d" % item.classes }}</td>
                <td class="text-end">{{ '{:,.2f}'.format(item.nodes|float) }}</td>
                <td class="text-end">{{ '{:,.2f}'.format(item.leaves|float) }}</td>
                <td class="text-end">{{ '{:,.2f}'.format(item.depth|float) }}</td>
                <td class="text-end">{{ "%.6f±%.4f" % (item.score, item.score_std) }}</td>
                <td class="text-end">{{ "%.6f±%.4f" % (item.time, item.time_std) }}</td>
                <td class="text-left">{{ item.hyperparameters }}</td>
                <td class="text-center">
                    <button class="btn btn-primary btn-small"
                            onclick='location.href="{{ url_for("results.report", file_name=file_name) }}?url={{ url }}&url_name={{ dataset_name }} Results"'>
                        <i class="mdi mdi-table-eye"></i>
                    </button>
                </td>
            </tr>
        {% endfor %}
    </tbody>
</table>
