{% extends 'base_index.html' %}
{% load course_filter %}
{% block title %}Отчет по прохождению{% endblock %}
{% block content %}
<div>
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
      {% for m in map %}
        <li role="presentation"><a href="#home{{ m.id }}" aria-controls="home" role="tab" data-toggle="tab">{{ m.title }}<span class="label label-info" style="margin-left: 10px;" name="table_length_{{ m.id }}">0</span></a></li>
          <script>
          if (!window.courses){
              window.courses = {};
          }
          window.courses[{{ m.id }}] = []
          </script>
      {% endfor %}
      <li></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
      {% for m in map %}
        <div role="tabpanel" class="tab-pane" id="home{{ m.id }}">
            <table class="table table-hover">
                 <tr style="background: #333;">
                    {% for theme in m.themes %}
                    <td>
                        <div
                                {% if theme.get_type.flag == 'Ex' %}
                                    class="label label-success"
                                    {% else %}
                                        {% if theme.get_type.flag == 'B' %}
                                         class="label label-default"
                                        {% else %}
                                            {% if theme.get_type.flag == 'M' %}
                                             class="label label-primary"
                                            {% else %}
                                                {% if theme.get_type.flag == 'P' or theme.get_type.flag == 'E' %}
                                                    class="label label-warning"
                                                {% endif %}
                                            {% endif %}
                                        {% endif %}
                                {% endif %}
                        >
                            <a href="{{ DOMAIN }}courses/{{ m.id }}#theme{{ theme.id }}" target="_blank" style="color:#fff;">
                                {{ theme.sort }}
                            </a>
                        </div>
                    </td>
                    {% endfor %}
                  </tr>
                <tbody name="table_content_{{ m.id }}">

                </tbody>
            </table>
        </div>
      {% endfor %}

  </div>
                <div class="container">
                    <div name="prestart">
                      <button type="button" class="btn btn-success btn-lg" onclick="create_report()">Запустить отчет</button>
                      <div class="input-group date">
                          <input type="text" class="form-control" placeholder="Дата разбивки" name="xday" ><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                      </div>
                    </div>
                    <div name="loader" style="display: none;">
                        <p style="text-align: center;">Получение информации.<br>Осталось:</p>
                        <p name="persent" style="    text-align: center;
    font-size: 30px;
    font-weight: bold;"></p>
                      <div class="ball"></div>
                      <div class="ball"></div>
                      <div class="ball"></div>
                      <div class="ball"></div>
                      <div class="ball"></div>
                      <div class="ball"></div>
                      <div class="ball"></div>
                    </div>
                </div>
</div>
{% endblock %}
{% block js %}
    <script src="/static/js/apis/progress.js"></script>
{% endblock %}