{% extends "base.html" %}

{% block title %}Autocensup{% endblock %}
{% block page_pretitle %}Painel{% endblock %}
{% block page_title %}Vinculos por curso - {{ selected_year }}{% endblock %}

{% block content %}
  <div class="card">
    <div class="table-responsive">
      <table class="table table-vcenter card-table table-hover">
        <thead>
          <tr>
            <th>Curso</th>
            <th class="text-end">Desvinculado</th>
            <th class="text-end">Cursando</th>
            <th class="text-end">Transferido</th>
            <th class="text-end">Falecido</th>
            <th class="text-end">Formado</th>
            <th class="text-end">Pendente</th>
            <th class="text-end">Ingressantes</th>
            <th class="text-end">Quantidade de vinculos</th>
          </tr>
        </thead>
        <tbody>
          {% for row in course_rows %}
            <tr>
              <td>
                <a href="{% url 'crud_list' 'vinculos' %}?q={{ row.curso.codigo_mec }}">
                  {{ row.curso.descricao }}
                </a>
                <div class="text-secondary small">{{ row.curso.codigo_mec }}</div>
              </td>
              <td class="text-end">{{ row.desvinculado }}</td>
              <td class="text-end">{{ row.cursando }}</td>
              <td class="text-end">{{ row.transferido }}</td>
              <td class="text-end">{{ row.falecido }}</td>
              <td class="text-end">{{ row.formado }}</td>
              <td class="text-end">
                {% if row.pendente %}
                  <span class="badge bg-yellow-lt text-yellow">{{ row.pendente }}</span>
                {% else %}
                  {{ row.pendente }}
                {% endif %}
              </td>
              <td class="text-end">{{ row.ingressantes }}</td>
              <td class="text-end font-weight-medium">{{ row.total }}</td>
            </tr>
          {% empty %}
            <tr>
              <td colspan="9" class="text-center text-secondary">
                Nenhum vinculo encontrado para o ano selecionado.
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
{% endblock %}