{% extends "layout/basic.html" %}
{% block content %}
<div class="row">
  <div class="medium-12 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Submission matrix') }}{% if title %} — {{ title }}{% endif %}</h1>
        <div class="section__tools">
          {% if groups.length %}
          <form method="get" style="display:inline-block; margin-right:8px;">
            {% if tid %}<input type="hidden" name="tid" value="{{ tid }}">{% endif %}
            <select name="group" class="select" onchange="this.form.submit()">
              <option value="">{{ _('All Users') }}</option>
              {%- for g in groups -%}
              <option value="{{ g.name }}" {{ 'selected' if g.name == group else '' }}>{{ g.name }} ({{ g.uids.length }})</option>
              {%- endfor -%}
            </select>
          </form>
          {% endif %}
          <a class="typo-a" href="{% if tid %}{{ url('training_export', tid=tid, query={group:group or ''}) }}{% else %}{{ url('problem_export', query={group:group or ''}) }}{% endif %}" style="margin-right:8px;">
            <span class="icon icon-download"></span> {{ _('Export submissions (CSV)') }}
          </a>
          <a class="typo-a" href="{{ url('stats') }}">« {{ _('Submission Statistics') }}</a>
        </div>
      </div>
      <div class="section__body" style="overflow-x: auto;">
        <p style="margin-top: 0;">
          <span class="fork-swatch" style="background:#25ad40;"></span> {{ _('Solved status') }}
          &nbsp;<span class="fork-swatch" style="background:#f39800;"></span> {{ _('Attempted') }}
          &nbsp;<span class="fork-swatch" style="background:#edf0f2;border:1px solid var(--uca-border);"></span> {{ _('No Submissions') }}
        </p>
        <table class="data-table" style="border-collapse: collapse;">
          <thead>
            <tr>
              <th style="text-align:left;">{{ _('User') }}</th>
              <th style="text-align:center;">{{ _('Solved') }}</th>
              {%- for c in cols -%}
              <th title="{{ c.label }} — {{ c.title }}" style="text-align:center; font-size:11px; padding:4px;">{{ c.label }}</th>
              {%- endfor -%}
            </tr>
          </thead>
          <tbody>
            {%- for r in rows -%}
            <tr>
              <td style="white-space:nowrap;"><a class="typo-a" href="{{ url('stats_user', uid=r.uid) }}">{{ r.uname }}</a></td>
              <td style="text-align:center;"><b>{{ r.solved }}</b>/{{ total }}</td>
              {%- for cell in r.cells -%}
                {% if cell and cell.accepted %}
                  <td title="{{ _('Solved status') }}" style="text-align:center;background:#25ad40;color:#fff;">✓</td>
                {% elif cell %}
                  <td title="{{ cell.attempts }} {{ _('Failed attempts') }}" style="text-align:center;background:#f39800;color:#fff;">{{ cell.attempts }}</td>
                {% else %}
                  <td style="background:#edf0f2;"></td>
                {% endif %}
              {%- endfor -%}
            </tr>
            {%- endfor -%}
            {%- if not rows.length -%}
            <tr><td colspan="{{ total + 2 }}">{{ _('No Submissions') }}</td></tr>
            {%- endif -%}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}