{% extends "layout/basic.html" %}
{% import "components/user.html" as user with context %}
{% import "components/nothing.html" as nothing with context %}
{% block content %}
<div class="row">
  <div class="medium-12 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Ranking') }}</h1>
        {% if groups.length %}
        <div class="section__tools">
          <form method="get" class="inline">
            <select name="group" class="select inline" onchange="this.form.submit()">
              <option value="">{{ _('All students') }}</option>
              {%- for g in groups -%}<option value="{{ g.name }}"{% if g.name == group %} selected{% endif %}>{{ g.name }}</option>{%- endfor -%}
            </select>
            <noscript><button type="submit" class="rounded button">{{ _('Filter') }}</button></noscript>
          </form>
        </div>
        {% endif %}
      </div>
      {% if groupCompare %}
      <div class="section__body typo">
        <blockquote class="note">{{ _('Your group «{0}» averages {1} solved problems vs {2} for the class.').format(groupCompare.groupName, groupCompare.groupAvg, groupCompare.classAvg) }}</blockquote>
      </div>
      {% endif %}
      <div class="section__body no-padding">
        {% if not ranking.length %}
          {{ nothing.render('Sorry, there are no users in this domain.') }}
        {% else %}
        <table class="data-table">
          <colgroup>
            <col class="col--rank">
            <col class="col--user">
            <col class="col--solved">
          </colgroup>
          <thead>
            <tr>
              <th class="col--rank">{{ _('Rank') }}</th>
              <th class="col--user">{{ _('Username') }}</th>
              <th class="col--solved">{{ _('Solved') }}</th>
            </tr>
          </thead>
          <tbody>
            {%- for r in ranking -%}
            <tr{% if r.udoc._id == handler.user._id %} class="fork-row--self"{% endif %}>
              <td class="col--rank">
                {% if r.rank == 1 %}🥇{% elif r.rank == 2 %}🥈{% elif r.rank == 3 %}🥉{% else %}{{ r.rank }}{% endif %}
              </td>
              <td class="col--user">{{ user.render_inline(r.udoc) }}</td>
              <td class="col--solved"><b>{{ r.solved }}</b></td>
            </tr>
            {%- endfor -%}
          </tbody>
        </table>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{% endblock %}