{% import "components/user.html" as user with context %}
<div class="section side section--problem-sidebar">
{% if page_name != 'contest_detail_problem' %}
  <div class="section__header">
    <h1 class="section__title">{{ pdoc['title'] }}</h1>
  </div>
{% endif %}
  <div>
    <div class="contest-problems">
      {% for pid in tdoc.pids -%}
        {% set status = tsdoc.detail[pid].status %}
        {% set pass = status == STATUS.STATUS_ACCEPTED %}
        {% set fail = status and not pass %}
        <a href="{{ url('problem_detail', pid=pid, query={tid:tdoc.docId}) }}"
          class="{% if pass %}pass{% elif fail %}fail{% endif %}
                 {% if pid==pdoc.docId %} active{% endif %}">
          <span class="id">{{ String.fromCharCode(65+loop.index0) }}</span>
          {% if status %}<span class="icon icon-{% if pass %}check{% else %}close{% endif %}"></span>{% endif %}
        </a>
      {%- endfor %}
    </div>
    <ol class="menu">
    {% if model.contest.isOngoing(tdoc, tsdoc) %}
    {% if page_name == 'contest_detail_problem' %}
      <li class="menu__item scratchpad--hide"><a class="menu__link highlight" name="problem-sidebar__open-scratchpad" href="javascript:;" data-global-hotkey="alt+e">
        <span class="icon icon-enlarge"></span> {{ _('Open Scratchpad') }} (Alt+E)
      </a></li>
      <li class="menu__item non-scratchpad--hide"><a class="menu__link" name="problem-sidebar__quit-scratchpad" href="javascript:;" data-global-hotkey="alt+q">
        <span class="icon icon-enlarge"></span> {{ _('Quit Scratchpad') }} (Alt+Q)
      </a></li>
    {% else %}
      <li class="menu__item"><a class="menu__link" href="{{ url('problem_detail', pid=pdoc.pid|default(pdoc.docId), query={tid:tdoc.docId}) }}">
        <span class="icon icon-flag"></span> {{ _('View Problem') }}
      </a></li>
    {% endif %}
      <li class="menu__item scratchpad--hide"><a class="menu__link{% if page_name == 'contest_detail_problem_submit' %} active{% endif %}" href="{{ url('problem_submit', pid=pdoc.pid|default(pdoc.docId), query={tid:tdoc.docId}) }}">
        <span class="icon icon-send"></span> {{ _('Submit') }}
      </a></li>
    {% elif model.contest.isDone(tdoc) %}
      <li class="menu__item"><a class="menu__link" href="{{ url('problem_detail', pid=pdoc.pid|default(pdoc.docId)) }}">
        <span class="icon icon-send"></span> {{ _('Open in Problem Set') }}
      </a></li>
    {% endif %}
    {% if handler.user.own(pdoc, perm.PERM_EDIT_PROBLEM_SELF) or handler.user.hasPerm(perm.PERM_EDIT_PROBLEM) %}
      <li class="menu__seperator"></li>
      <li class="menu__item"><a class="menu__link{% if page_name == 'problem_edit' %} active{% endif %}" href="{{ url('problem_edit', pid=pdoc.pid|default(pdoc.docId)) }}">
        <span class="icon icon-edit"></span> {{ _('Edit') }}
      </a></li>
      <li class="menu__item"><a class="menu__link{% if page_name == 'problem_files' %} active{% endif %}" href="{{ url('problem_files', pid=pdoc.pid|default(pdoc.docId)) }}">
        <span class="icon icon-file"></span> {{ _('Files') }}
      </a></li>
    {% endif %}
    </ol>
  </div>
</div>