{% extends 'base_index.html' %}
{% block title %}Матрица прохождения{% endblock %}
{% block content %}
<div>
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
      {% for key, value in students.items %}
        <li role="presentation">
            <a href="#{{ key }}" aria-controls="{{ key }}" role="tab" data-toggle="tab">
            {{ value.title }}
            <span class="label label-primary" style="margin-left: 5px;">{{ value.count }}</span>
            </a>
        </li>
      {% endfor %}
      <li role="presentation" style="float: right;">
          <a role="tab" data-toggle="tab">
        <span class="label label-default">_</span> - Не доступно
        <span class="label label-info">_</span> - Открыт доступ
        <span class="label label-success" style="margin-left: 10px;">_</span> - выполнено за 1 день
        <span class="label label-warning" style="margin-left: 10px;">_</span> - в течении недели
        <span class="label label-danger" style="margin-left: 10px;">_</span> - больше недели
          </a>
      </li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
      {% for key, value in students.items %}
        <div role="tabpanel" class="tab-pane" id="{{ key }}">
            {{ value }}
        </div>
      {% endfor %}
  </div>
</div>
{% endblock %}