{% extends "layout/basic.html" %}
{{ set(UiContext, 'resolver', resolver) }}
{% block content %}
<div class="row"><div class="medium-12 columns">
  <div class="section visible page--contest_resolver">
    <div class="section__header">
      <h1 class="section__title">{{ tdoc.title }} — {{ _('Resolver') }}</h1>
      <div class="section__tools">
        <button id="resolver-step" class="button" type="button"><span class="icon icon-play"></span> {{ _('Next step') }}</button>
        <button id="resolver-auto" class="button" type="button">{{ _('Auto') }}</button>
        <a class="button" href="{{ url('contest_scoreboard', tid=tdoc.docId) }}"><span class="icon icon-back"></span> {{ _('Back to scoreboard') }}</a>
      </div>
    </div>
    <div class="section__body no-padding overflow-hidden-horizontal">
      <table class="data-table resolver-table">
        <thead>
          <tr>
            <th class="col--rank">#</th>
            <th class="col--user">{{ _('User') }}</th>
            <th class="col--solved">{{ _('Solved') }}</th>
            {%- for p in problems -%}
              <th class="col--problem" data-tooltip="{{ p.title }}">{{ p.label }}</th>
            {%- endfor -%}
          </tr>
        </thead>
        <tbody id="resolver-body"></tbody>
      </table>
    </div>
  </div>
</div></div>
{% endblock %}