{% extends 'certification_tool/dashboard.html' %}
{% load i18n %}

{% block title %}{% trans 'Skills' %}{% endblock title %}

{% block content %}

<div style="padding-top:60px; padding-left:16px;">
    <h4>{% trans 'Skills Overview' %}</h4>
    <div class="container-fluid">
        <div class="row">
            <h5>{% trans 'Concordance of the professional skills of the curriculum with the presentend achievements' %}</h5>
        </div>
        <h5>{% trans 'Program:' %} {{ portfolio.programme }} (&#35; {{ portfolio.programme.code }} - {{ portfolio.programme.version }})</h5>
        <div class="row">
            <table class="table table-responsive table-bordered table-hover table-sm table-striped">
                <thead class="thead-light">
                <th style="text-align:right">&#35;</th>
                <th scope="col">{% trans 'Skills of the curriculum' %}</th>

                {% for achievement in achievements %}
                  <th style="text-align:center;width:40px;">
                    <a href="/user/profile/portfolio/edit_achievement/{{ achievement.id }}"
                     class="">{{ forloop.counter }}</a>
                  </th>
                {% endfor %}

                </thead>
                <tbody>

                {% for skill in skills %}
                  <tr
                  {% if skill.is_key %}
                    style="font-weight:bold;"
                  {% endif %}
                  >
                      <td style="text-align:right">{{ skill.code }}</td>
                      <td>{{ skill.name }}</td>

                      {% for achievement in achievements %}
                        <td style="text-align:center">
                          {{ v_table[forloop.parentloop.counter0][forloop.counter0] }}
                        </td>
                      {% endfor %}
                  </tr>
                {% endfor %}

                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock content %}