{% extends "layout/basic.html" %}
{% block content %}
<div class="row">
  <div class="medium-12 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Problem report') }}: {{ pidDisplay }} — {{ title }}</h1>
        <div class="section__tools">
          <a class="typo-a" href="{{ url('stats_problems') }}">« {{ _('Problem calibration') }}</a>
          {% if groups.length %}
          <form method="get" class="inline fork-inline-filter">
            <select name="group" class="select inline" onchange="this.form.submit()">
              <option value="">{{ _('All students') }}</option>
              {%- for g in groups -%}<option value="{{ g.name }}"{% if g.name == group %} selected{% endif %}>{{ g.name }}</option>{%- endfor -%}
            </select>
          </form>
          {% endif %}
        </div>
      </div>
      <div class="section__body typo">
        <dl class="large horizontal">
          <dt>{{ _('Solvers') }}</dt><dd>{{ solverCount }} / {{ attemptedCount }} {{ _('attempters') }}</dd>
          <dt>{{ _('Avg. attempts to solve') }}</dt><dd>{% if avgAttempts is not none %}{{ avgAttempts }}{% else %}—{% endif %}</dd>
          <dt>{{ _('Average time to AC') }}</dt><dd>{{ avgTimeText }}</dd>
          <dt>{{ _('Median time to AC') }}</dt><dd>{{ medTimeText }}</dd>
        </dl>
      </div>
      <div class="section__body no-padding">
        <table class="data-table">
          <thead>
            <tr>
              <th>{{ _('User') }}</th>
              <th>{{ _('Attempts to solve') }}</th>
              <th>{{ _('Time to AC') }}</th>
              <th>{{ _('Solved at') }}</th>
            </tr>
          </thead>
          <tbody>
            {%- for s in solvers -%}
            <tr>
              <td><a class="typo-a" href="{{ url('stats_user', uid=s.uid) }}">{{ s.uname }}</a></td>
              <td>{{ s.attemptsToSolve }}</td>
              <td>{{ s.timeText }}</td>
              <td>{% if s.at %}{{ datetimeSpan(s.at)|safe }}{% else %}—{% endif %}</td>
            </tr>
            {%- endfor -%}
            {%- if not solvers.length -%}
            <tr><td colspan="4">{{ _('Nobody has solved this problem yet.') }}</td></tr>
            {%- endif -%}
          </tbody>
        </table>
      </div>
    </div>
    {% if caseRows.length %}
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Errors by test case') }}</h1>
      </div>
      <div class="section__body typo">
        <p class="supplementary">{{ _('Failure rate per test case across all submissions. A high rate points to where students get stuck.') }}</p>
      </div>
      <div class="section__body no-padding">
        <table class="data-table">
          <thead>
            <tr>
              <th>{{ _('Test case') }}</th>
              <th>{{ _('Failure rate') }}</th>
              <th>{{ _('Most common verdict') }}</th>
              <th>{{ _('Fails') }} / {{ _('Runs') }}</th>
            </tr>
          </thead>
          <tbody>
            {%- for c in caseRows -%}
            <tr{% if c.failRate >= 60 %} class="fork-row--bad"{% endif %}>
              <td>#{{ c.caseNo }}</td>
              <td style="min-width:160px;">
                <div class="fork-row">
                  <div class="fork-bar fork-bar--inline fork-grow">
                    <div class="fork-bar__fill{% if c.failRate >= 60 %} fork-bar__fill--bad{% else %} fork-bar__fill--warn{% endif %}" style="width:{{ c.failRate }}%;"></div>
                  </div>
                  <b>{{ c.failRate }}%</b>
                </div>
              </td>
              <td>{{ c.topVerdict }}</td>
              <td>{{ c.fails }} / {{ c.total }}</td>
            </tr>
            {%- endfor -%}
          </tbody>
        </table>
      </div>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}