{% import "components/paginator.html" as paginator with context %}
{% extends "layout/basic.html" %}
{{ set(UiContext, 'tdoc', tdoc) }}
{% set type = 'homework' if tdoc.rule == 'homework' else 'contest' %}

{% macro renderRecord(cell, canView) %}
  <a href="{{ url('record_detail', rid=cell.raw) if canView else '' }}"{% if cell.hover %} data-tooltip="{{ cell.hover }}"{% endif %}>
    {%- set _color = utils.status.getScoreColor(cell.score|default(cell.value)) -%}
    <span style="font-weight:bold;color:{{ _color }}">{{ cell.value|string|nl2br|safe }}</span>
  </a>
{% endmacro %}

{% block content %}
<div class="row"><div class="medium-12 columns scoreboard--{{ tdoc.rule }}">
  <div class="section visible">
    <div class="section__header">
      {%- for ext in ['HTML','CSV','Ghost'] -%}
        <a class="button" target="_blank" href="{{ url(type + '_scoreboard_download', tid=tdoc.docId, ext=ext.toLowerCase()) }}">
          <span class="icon icon-download"></span> {{ _('Export as '+ext) }}
        </a>
      {%- endfor -%}
      {% if model.contest.isDone(tdoc) and tdoc.lockAt and handler.user.own(tdoc) and not tdoc.unlocked %}
        <form method="POST">
          <input type="hidden" name="operation" value="unlock">
          <button type="submit" class="button">
            <span class="icon icon-feeling-lucky"></span> {{ _('Unlock scoreboard') }}
          </button>
        </form>
      {% endif %}
      <div class="section__tools">
        <select class="select" name="list">
          <option value="all">{{ _('All Users') }}</option>
          <option value="star">{{ _('Stared Users') }}</option>
          <option value="unrank">{{ _('Unrank Users') }}</option>
        </select>
      </div>
    </div>
    <h1 style="text-align:center" class="section__title">{{ tdoc.title }}</h1>
    {% if model.contest.isLocked(tdoc) %}
      <div class="section__body no-padding">
        <blockquote class="note">
          {{ _('Scoreboard locked at {0}').format(datetimeSpan(tdoc.lockAt))|safe }}
        </blockquote>
      </div>
    {% elif model.contest.isDone(tdoc) and tdoc.lockAt and not tdoc.unlocked %}
      <div class="section__body no-padding">
        <blockquote class="note">
          {{ _('Please wait until contest host unlock the scoreboard.') }}
        </blockquote>
      </div>
    {% endif %}
    <div class="section__body no-padding overflow-hidden-horizontal">
      <table class="data-table">
        <colgroup>
        {%- for column in rows[0] -%}
          <col class="col--{{ column.type }}">
        {%- endfor -%}
        </colgroup>
        <thead>
          <tr>
          {%- for column in rows[0] -%}
            <th class="col--{{ column.type }}">
            {%- if column.type == 'problem' and column.raw -%}
              <a href="{{ url('problem_detail', pid=column.raw, query={tid:tdoc.docId}) }}" data-tooltip="{{ pdict[column.raw].title }}">
                {{ column.value }}<br />{{ pdict[column.raw].nAccept|default(0) }}/{{ pdict[column.raw].nSubmit|default(0) }}
              </a>
            {%- else -%}
              {{ column.value|string|nl2br|safe }}
            {%- endif -%}
            </th>
          {%- endfor -%}
          </tr>
        </thead>
        <tbody>
        {%- set canViewAll = handler.user.own(tdoc) or model.contest.canShowRecord.call(handler, tdoc) -%}
        {%- for row in rows -%}{%- if loop.index0 > 0 -%}
          <tr>
            {%- for column in row -%}
              <td class="col--{{ rows[0][loop.index0]['type'] }}"{% if column.style %} style="{{ column.style }}"{% endif %}>
              {%- if column.type == 'user' -%}
                {%- set canView = canViewAll or handler.user._id == column.raw -%}
                <button class="star user--{{ colomn.raw }}">
                  <span class="starred--hide"><span class="icon icon-star--outline" data-tooltip="{{ _('Star') }}"></span></span>
                  <span class="starred--show"><span class="icon icon-star" data-tooltip="{{ _('Unstar') }}"></span></span>
                </button>
                {{ user.render_inline(udict[column.raw], badge=false) }}
              {%- elif column.type == 'record' and column.raw -%}
                <a href="{{ url('record_detail', rid=column.raw) if canView else '' }}" data-tooltip="{{ column.hover }}">
                  <span style="font-weight:bold;color:{{ utils.status.getScoreColor(column.score|default(column.value)) }}">{{ column.value|string|nl2br|safe }}</span>
                </a>
              {%- elif column.type == 'records' -%}
                {%- for record in column.raw -%}
                  {%- if loop.index0 -%}/{%- endif -%}
                  {%- if record.raw -%}
                    <a href="{{ url('record_detail', rid=record.raw) if canView else '' }}">
                      {%- set _color = utils.status.getScoreColor(record.score|default(record.value)) -%}
                      <span style="font-weight:bold;color:{{ _color }}">{{ record.value|string|nl2br|safe }}</span>
                    </a>
                  {%- else -%}
                    {{ record.value|string|nl2br|safe }}
                  {%- endif -%}
                {%- endfor -%}
              {%- else -%}
                {{ column.value|string|nl2br|safe }}
              {%- endif -%}
              </td>
            {%- endfor -%}
          </tr>
        {%- endif -%}{%- endfor -%}
        </tbody>
      </table>
    </div>
  </div>
</div></div>
{% endblock %}