{% import "components/paginator.html" as paginator with context %}
{% import "components/record.html" as record with context %}
{% import "components/problem.html" as problem with context %}
{% import "components/nothing.html" as nothing with context %}
<div data-fragment-id="problem_list">
{% if not pdocs.length %}
  {{ nothing.render('Sorry, there is no problem in the problem set') }}
{% else %}
  <table class="data-table">
    <colgroup>
      <col class="col--checkbox display-mode-hide">
      <col class="col--pid display-mode-hide">
    {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
      <col class="col--status edit-mode-hide">
    {% endif %}
      <col class="col--name">
      <col class="col--tried">
      <col class="col--ac">
      <col class="col--difficulty">
    </colgroup>
    <thead>
      <tr>
        <th class="col--checkbox display-mode-hide">
          <label class="compact checkbox">
            <input type="checkbox" name="select_all" data-checkbox-toggle="problem">
          </label>
        </th>
        <th class="col--pid display-mode-hide">{{ _('ID') }}</th>
        {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
          <th class="col--status record-status--border edit-mode-hide">{{ _('Status') }}</th>
        {% endif %}
        <th class="col--name">{{ _('Problem') }}<span style="float:right" id="hideTags">{{ _('Hide tags') }}</span></th>
        <th class="col--tried">{{ _('Tried') }}</th>
        <th class="col--ac">{{ _('AC') }}</th>
        <th class="col--difficulty">{{ _('Difficulty') }}</th>
      </tr>
    </thead>
    <tbody>
      {%- for pdoc in pdocs -%}
      {% set psdoc = psdict[pdoc['docId']] %}
      <tr data-pid="{{ pdoc.docId }}">
        <td class="col--checkbox display-mode-hide">
          <label class="compact checkbox">
            <input type="checkbox" data-checkbox-group="problem" data-checkbox-range>
          </label>
        </td>
        <td class="col--pid display-mode-hide">{{ pdoc.docId }}</td>
        {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
          {% if psdoc['rid'] %}
            {{ record.render_status_td(psdoc, rid_key='rid', class="edit-mode-hide") }}
          {% else %}
            <td class="col--status record-status--border edit-mode-hide"></td>
          {% endif %}
        {% endif %}
        <td class="col--name col--problem-name">
          {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
            <form class="form--inline" action="{{ url('problem_main') }}" method="post">
              <input type="hidden" name="pid" value="{{ pdoc.docId }}">
              <input type="hidden" name="operation" value="{{ "star" if not psdoc.star else "unstar" }}">
              <button class="star{% if psdoc.star %} activated{% endif %}" type="submit">
                <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>
            </form>
          {% endif %}
          {{ problem.render_problem_title(pdoc) }}
        </td>
        <td class="col--tried">{{ pdoc.nSubmit }}</td>
        <td class="col--ac">{{ pdoc.nAccept }}</td>
        <td class="col--difficulty">{{ pdoc['difficulty'] or _('(None)') }}</td>
      </tr>
    {%- endfor -%}
    </tbody>
  </table>
  {{ paginator.render(page, ppcount) }}
{% endif %}
</div>