{% if skills.count >= 1 %}
    <table class="table" id="objective_table">
        <thead>
            <tr>
                <th></th>
                <th class="text-left">Label</th>
                <th>Dif0f.</th>
                <th>Level</th>
                <th>Rank</th>
                <th>Notation</th>
            </tr>
        </thead>
        <tbody>
            {% for skill in skills %}
            <tr>
                <td>
                    <div class="checkbox-inline custom-control custom-checkbox">
                        <label><input type="checkbox" class="select-row"><span class="custom-control-indicator"></span></label>
                    </div>
                </td>
                <td><a href="{% url 'skill_details' skill.id %}">{{ skill.longLabel }}</a></td>
                <td>{{ skill.difficulty }}</td>
                <td>{{ skill.level }}</td>
                <td>{{ skill.rank }}</td>
                <td>{{ skill.notation }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    <script type="text/javascript">
        $(document).ready(function(){
            $('#objective_table').tablesorter({
                headers: {
                    0: { sorter: false },
                },
                dateFormat: "uk",
                sortList: [[1,1]]
            });
        });
    </script>

{% else %}
    There are no skill to display
{% endif %}