{% if payload.length %}
  <div class="section page--ranking">
    <div class="section__header">
      <h1 class="section__title">{{ _('Ranking') }}</h1>
    </div>
    <div class="section__body no-padding">
      <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 payload -%}
            {% set udoc = udict[r.uid] %}
            {% if udoc %}
            <tr{% if 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(udoc, levelbadge=false) }}</td>
              <td class="col--solved"><b>{{ r.solved }}</b></td>
            </tr>
            {% endif %}
          {%- endfor -%}
        </tbody>
      </table>
    </div>
    <ul class="pager pager-bottom"><li>
      <a class="pager__item next link" href="{{ url('ranking') }}">{{ _('More') }} ></a>
    </li></ul>
  </div>
{% endif %}