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

<div data-fragment-id="scoreboard">
  <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) }}" data-tooltip="{{ pdict[column.raw].title }}">
              {{ column.value }}<br />{{ pdict[column.raw].nAccept|default(0) }}/{{ pdict[column.raw].nSubmit|default(0) }}
            </a>
          {%- elif column.type == 'section' -%}
            <a href="{{ url('course_subsec_scoreboard', cid=cdoc.docId, csid=csdoc.docId, ssid=column.raw) }}"
            data-tooltip="{{ column.raw }}">
              {{ column.value }}<br />{{ column.score }}
            </a> 
          {%- else -%}
            {{ column.value|string|escape|nl2br|safe }}
          {%- endif -%}
          </th>
        {%- endfor -%}
        </tr>
      </thead>
      <tbody>
      {%- 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 == 'rank' -%}
              <span class="{{ 'rank--unrank' if column.value == '0' else 'rank--normal' }}">{{ '*' if column.value == '0' else column.value|string|escape|nl2br|safe }}</span>
            {%- elif column.type == 'user' -%}
              <a class="user--{{ column.raw }}">
                {{ user.render_inline(udict[column.raw], avatar=false, badge=false) }}
              </a>
            {%- elif column.type == 'record' and column.raw -%}
              {{ renderRecord(column) }}
            {%- else -%}
              <span data-tooltip="{{ column.hover }}">{{ column.value|string|escape|nl2br|safe }}</span>
            {%- endif -%}
            </td>
          {%- endfor -%}
        </tr>
      {%- endif -%}{%- endfor -%}
      </tbody>
    </table>
  </div>
</div>