{% extends "coachreports/base.html" %}
{% load i18n %}
{% load staticfiles %}
{% load my_filters %}

{% block coachreports_active %}{% endblock coachreports_active %}
{% block selfreports_active %}active{% endblock selfreports_active %}

{% block title %}{% trans "User report" %} {{ block.super }}{% endblock title%}
{% block report_title %}{% trans "User report" %}{% endblock report_title %}

{% block headcss %}{{ block.super }}
    <style>
        table, th, td {
            border: 1px solid black;
        }
        .super-header {
            background-color: #ccc;
            font-weight: bold;
        }
        th {
            color: #555;
        }
        th, td {
            padding: 3px;
        }
        tr.invisible {
            display:none;
        }
        td.pct, td.float, td.int, td.date {
            text-align: right;
        }
        td.date { border: 0px; }
        td.struggling {
            background-color: #aa0;
            font-weight: bold;
        }
        .table-title {
            margin-bottom: 15px;
        }
    </style>
{% endblock headcss %}

{% block navbar_topics %}{% endblock navbar_topics %}
{% block navbar_makelink %}{% endblock navbar_makelink %}
{% block navbar_facilities %}{% endblock %}
{% block navbar_groups %}
    {% block navbar_user %}
    {% if student %}
    <div id="select-user" class="selection">
        <span id="user">{{ student.get_name }}</span>
    </div>
    {% endif %}
    {% endblock navbar_user %}
{% endblock navbar_groups %}

{% block content %}
    {% block navbar %}{{ block.super }}{% endblock navbar %}

    {% block student_report %}
    <!-- {% blocktrans %}Last login time: {{ last_login_time }}{% endblocktrans %}-->

    {% if no_data %}
        {% if request.is_admin or is_central %}
            {% trans "No data for this user." %}
        {% else %}
            {% trans "Welcome to KA Lite!" %}
            {% trans "Please return to this page after watching videos or practicing exercises." %}
        {% endif %}
    {% else %}
    <h2 class="table-title">{% trans "Mastery of Topics" %}</h2>
    <table>
        <tr>
            <th colspan="2" class="super-header"></th>
            <th colspan="7" class="super-header">{% trans "Exercises" %}</th><!-- everything is programmatic... except colspans here. :( -->
            <th colspan="5" class="super-header">{% trans "Videos" %}</th>
        </tr>
        <tr>
            <th colspan="2" class="" >{% trans "Topic" %}</th>
            {% for def in stat_defs %}
            <th>{% trans def.title %}</th>
            {% endfor %}
        </tr>

    {% for topic in topics %}
        <tr class="{% if exercise_logs|get_item:topic.id or video_logs|get_item:topic.id%}visible{% else %}invisible{% endif %}">
            <td>
                <div class="progress-circle {% if stats|get_item:topic.id|get_item:'pct_mastery' = 1.0 %}complete{% else %}partial{% endif %}">
                &nbsp;
                </div>
            </td>
            <td>
                <span title="{% trans topic.description %}">
                    {% if not is_central %}
                        <a href="{{ topic.path }}">{% trans topic.title %}</a>
                    {% else %}
                        {% trans topic.title %}
                    {% endif %}
                </span>
            </td>
            {% for def in stat_defs %}
            <td class="{{ def.type }}{% if def.key == 'total_struggling' and stats|get_item:topic.id|get_item:def.key > 0 %} struggling{% endif %}">
                {% if def.type == "float" %}
                    {{ stats|get_item:topic.id|get_item:def.key|floatformat }}
                {% elif def.type == "pct" %}
                    {{ stats|get_item:topic.id|get_item:def.key|percent:1 }}
                {% elif def.type == "date" %}
                    {{ stats|get_item:topic.id|get_item:def.key|date:"SHORT_DATE_FORMAT" }}
                {% elif def.key != "ex:total_struggling" %}
                    {{ stats|get_item:topic.id|get_item:def.key }}
                {% else %}
                    {% for exercise_log in exercise_logs|get_item:topic.id %}
                        {% if exercise_log.struggling %}
                            {% cycle 'a' 'b' 'c' 'd' 'e' 'f' 'g' 'h' 'i' 'j' 'k' 'l' 'm' 'n' 'o' 'p' as letter silent %}
                            {% for exercise in exercises|get_item:topic.id %}
                                {% if exercise.name = exercise_log.exercise_id %}
                                <a href="{{ exercise.path }}">{{ letter }}</a>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    {% endfor %}
                {% endif %}
            </td>
            {% endfor %}
        </tr>
    {% endfor %}
    </table>
    {% endif %}
    {% endblock student_report %}
{% endblock content %}