{% 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">{{ _('Progress of {0}').format(udoc.uname) }}</h1>
        <div class="section__tools">
          <a class="typo-a" href="{{ url('stats') }}">« {{ _('Submission Statistics') }}</a>
        </div>
      </div>
      <div class="section__body typo">
        <dl class="large horizontal">
          <dt>{{ _('Solved') }}</dt><dd>{{ solvedCount }}</dd>
          <dt>{{ _('Attempted problems') }}</dt><dd>{{ triedCount }}</dd>
          <dt>{{ _('Stuck on') }}</dt><dd>{{ stuckCount }}</dd>
          <dt>{{ _('Total submissions') }}</dt><dd>{{ total }}</dd>
          <dt>{{ _('Accepted submissions') }}</dt><dd>{{ accepted }} ({{ acceptedPct }}%)</dd>
          {% if teams.length %}
          <dt>{{ _('Teams') }}</dt><dd>{% for t in teams %}{{ t.name }} <small class="supplementary">({{ t.group }})</small>{% if not loop.last %}, {% endif %}{% endfor %}</dd>
          {% endif %}
        </dl>
      </div>
    </div>
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Weekly progress (last 12 weeks)') }}</h1>
      </div>
      <div class="section__body">
        {% if weekly.length %}
        <svg viewBox="0 0 700 200" width="100%" role="img">
          {%- set n = weekly.length -%}
          {%- set step = 680 / n -%}
          {# Barras de envíos por semana #}
          {%- for w in weekly -%}
          {%- set h = (140 * w.subs / maxWeeklySubs) | round -%}
          <rect x="{{ 12 + loop.index0 * step }}" y="{{ 160 - h }}" width="{{ step * 0.6 }}" height="{{ h }}" fill="#b3d0db" rx="2"><title>{{ w.label }}: {{ w.subs }} {{ _('submissions') }}</title></rect>
          <text x="{{ 12 + loop.index0 * step + step * 0.3 }}" y="178" font-size="9" text-anchor="middle" fill="#6B6E6D">{{ w.label }}</text>
          {%- endfor -%}
          {# Línea de resueltos acumulados #}
          <polyline fill="none" stroke="#E87B00" stroke-width="2"
            points="{%- for w in weekly -%}{{ 12 + loop.index0 * step + step * 0.3 }},{{ 160 - (140 * w.cumSolved / maxCumSolved) | round }} {% endfor -%}" />
          {%- for w in weekly -%}
          <circle cx="{{ 12 + loop.index0 * step + step * 0.3 }}" cy="{{ 160 - (140 * w.cumSolved / maxCumSolved) | round }}" r="2.5" fill="#E87B00"><title>{{ w.label }}: {{ w.cumSolved }} {{ _('solved (cumulative)') }}</title></circle>
          {%- endfor -%}
        </svg>
        <div class="fork-row fork-row--end fork-muted">
          <span><span class="fork-swatch" style="background:#b3d0db;"></span> {{ _('Submissions per week') }}</span>
          <span><span class="fork-swatch" style="background:#E87B00;"></span> {{ _('Solved (cumulative)') }}</span>
        </div>
        {% else %}
        <p class="supplementary">{{ _('No Submissions') }}</p>
        {% endif %}
      </div>
    </div>
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Activity heatmap (last 26 weeks)') }}</h1>
      </div>
      <div class="section__body">
        {% include "partials/activity_calendar.html" %}
      </div>
    </div>
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Per-problem detail') }}</h1>
      </div>
      <div class="section__body no-padding">
        <table class="data-table">
          <thead>
            <tr>
              <th>{{ _('Status') }}</th>
              <th>{{ _('Problem') }}</th>
              <th>{{ _('Attempts') }}</th>
              <th>{{ _('Best score') }}</th>
              <th>{{ _('Last submission') }}</th>
            </tr>
          </thead>
          <tbody>
            {%- for r in rows -%}
            <tr>
              <td>
                {% if r.solved %}<span class="record-status--text pass">{{ _('Solved status') }}</span>
                {% elif r.stuck %}<span class="record-status--text fail">{{ _('Stuck') }}</span>
                {% else %}<span class="record-status--text progress">{{ _('Attempted') }}</span>{% endif %}
              </td>
              <td>{{ r.pid }} — {{ r.title }}</td>
              <td>{{ r.attempts }}</td>
              <td>{{ r.best }}</td>
              <td>{{ datetimeSpan(r.at)|safe }}</td>
            </tr>
            {%- endfor -%}
            {%- if not rows.length -%}
            <tr><td colspan="5">{{ _('No Submissions') }}</td></tr>
            {%- endif -%}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}