{% extends "layout/basic.html" %}
{% block content %}
{% if groups.length %}
<div class="row">
  <div class="medium-12 columns">
    <div class="section"><div class="section__body">
      <form method="get" class="inline">
        <label class="inline">{{ _('Group') }}
          <select name="group" class="select" 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>
        </label>
        <noscript><button type="submit" class="rounded button">{{ _('Filter') }}</button></noscript>
      </form>
    </div></div>
  </div>
</div>
{% endif %}
<div class="row">
  <div class="medium-12 columns">
    <div class="section">
      <div class="section__header"><h1 class="section__title">{{ _('Teacher panel') }}</h1></div>
      <div class="section__body">
        {% set g = group or '' %}
        <div class="fork-hub">
          <div class="fork-hub__group">
            <div class="fork-hub__group-title">{{ _('Monitoring') }}</div>
            <a class="fork-hub__card" href="{{ url('stats_health', query={group:g}) }}"><span class="icon icon-info" aria-hidden="true"></span> {{ _('Course health') }}</a>
            <a class="fork-hub__card" href="{{ url('stats_activity', query={group:g}) }}"><span class="icon icon-user" aria-hidden="true"></span> {{ _('Activity / inactive students') }}</a>
            <a class="fork-hub__card" href="{{ url('stats_matrix', query={group:g}) }}"><span class="icon icon-table" aria-hidden="true"></span> {{ _('Submission matrix') }}</a>
          </div>
          <div class="fork-hub__group">
            <div class="fork-hub__group-title">{{ _('Evaluation') }}</div>
            <a class="fork-hub__card" href="{{ url('stats_problems') }}"><span class="icon icon-statistics" aria-hidden="true"></span> {{ _('Problem calibration') }}</a>
            <a class="fork-hub__card" href="{{ url('moodle_export', query={group:g}) }}"><span class="icon icon-download" aria-hidden="true"></span> {{ _('Export grades (Moodle)') }}</a>
            <a class="fork-hub__card" href="{{ url('domain_problems_export') }}"><span class="icon icon-download" aria-hidden="true"></span> {{ _('Download all problems') }}</a>
          </div>
          <div class="fork-hub__group">
            <div class="fork-hub__group-title">{{ _('Integrity') }}</div>
            <a class="fork-hub__card" href="{{ url('stats_similarity') }}"><span class="icon icon-search" aria-hidden="true"></span> {{ _('Copy alert') }}</a>
          </div>
          <div class="fork-hub__group">
            <div class="fork-hub__group-title">{{ _('Live class') }}</div>
            <a class="fork-hub__card" href="{{ url('stats_live', query={group:g}) }}"><span class="icon icon-stopwatch" aria-hidden="true"></span> {{ _('Live class mode') }}</a>
          </div>
          <div class="fork-hub__group">
            <div class="fork-hub__group-title">{{ _('Class management') }}</div>
            <a class="fork-hub__card" href="{{ url('domain_userbulk') }}"><span class="icon icon-add" aria-hidden="true"></span> {{ _('Bulk add students') }}</a>
            <a class="fork-hub__card" href="{{ url('domain_notices') }}"><span class="icon icon-comment--multiple" aria-hidden="true"></span> {{ _('Announcements') }}</a>
            <a class="fork-hub__card" href="{{ url('domain_archive') }}"><span class="icon icon-download" aria-hidden="true"></span> {{ _('Domain backup') }}</a>
            <a class="fork-hub__card" href="{{ url('domain_purge') }}"><span class="icon icon-delete" aria-hidden="true"></span> {{ _('Close course (anonymize)') }}</a>
          </div>
          <div class="fork-hub__group">
            <div class="fork-hub__group-title">{{ _('User registration') }}</div>
            <form method="post" action="{{ url('stats_register_toggle') }}" class="fork-hub__card" style="cursor:default;">
              <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
              <input type="hidden" name="allowRegister" value="{{ 'false' if allowRegister else 'true' }}">
              <span class="icon {{ 'icon-check' if allowRegister else 'icon-close' }}" aria-hidden="true" style="color:{{ 'var(--uca-ok)' if allowRegister else 'var(--uca-gray)' }};"></span>
              <span class="fork-grow">{{ _('Registration is enabled') if allowRegister else _('Registration is disabled') }}</span>
              <button type="submit" class="rounded compact button">{{ _('Disable') if allowRegister else _('Enable') }}</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="medium-6 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Submission Statistics') }}</h1>
      </div>
      <div class="section__body typo">
        <dl class="large horizontal">
          <dt>{{ _('Total submissions') }}</dt><dd>{{ total }}</dd>
          <dt>{{ _('Accepted submissions') }}</dt><dd>{{ accepted }} ({{ acceptedPct }}%)</dd>
          <dt>{{ _('Accepted test cases') }}</dt><dd>{{ acceptedCases }} / {{ cases }} ({{ acceptedCasesPct }}%)</dd>
          <dt>{{ _('Active users (last 7 days)') }}</dt><dd>{{ activeUsers7d }}</dd>
          <dt>{{ _('Submissions (last 7 days)') }}</dt><dd>{{ submissions7d }}</dd>
          <dt>{{ _('Users who have submitted') }}</dt><dd>{{ everSubmitted }}</dd>
          <dt>{{ _('Problems') }}</dt><dd>{{ problemCount }}</dd>
        </dl>
      </div>
    </div>
  </div>
  <div class="medium-6 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Verdict distribution') }}</h1>
      </div>
      <div class="section__body fork-row fork-row--wrap fork-row--gap-lg">
        <svg viewBox="0 0 160 160" width="170" role="img">
          <g transform="rotate(-90 80 80)">
            {%- for v in verdicts -%}
            <circle cx="80" cy="80" r="60" fill="none" stroke="{{ v.color }}" stroke-width="26"
              stroke-dasharray="{{ v.dash }} {{ v.rest }}" stroke-dashoffset="{{ v.offset }}"></circle>
            {%- endfor -%}
          </g>
          <text x="80" y="76" text-anchor="middle" font-size="22" font-weight="bold" fill="#005877">{{ total }}</text>
          <text x="80" y="96" text-anchor="middle" font-size="11" fill="#6B6E6D">{{ _('Submissions') }}</text>
        </svg>
        <ul class="fork-plain-list">
          {%- for v in verdicts -%}
          <li>
            <span class="fork-swatch" style="background: {{ v.color }};"></span>
            {{ v.label }}: <b>{{ v.count }}</b> ({{ v.pct }}%)
          </li>
          {%- endfor -%}
        </ul>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="medium-12 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Submissions per day (last 14 days)') }}</h1>
      </div>
      <div class="section__body">
        <svg viewBox="0 0 700 180" width="100%" role="img">
          {%- for d in perDay -%}
          {%- set h = (130 * d.count / maxPerDay) | round -%}
          <g>
            <rect x="{{ 10 + loop.index0 * 49 }}" y="{{ 145 - h }}" width="38" height="{{ h }}" fill="#005877" rx="3"></rect>
            <text x="{{ 29 + loop.index0 * 49 }}" y="{{ 138 - h }}" font-size="12" text-anchor="middle" fill="#6B6E6D">{{ d.count or '' }}</text>
            <text x="{{ 29 + loop.index0 * 49 }}" y="165" font-size="10" text-anchor="middle" fill="#6B6E6D">{{ d.label }}</text>
          </g>
          {%- endfor -%}
        </svg>
      </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">{{ _('Stuck students') }}</h1>
      </div>
      <div class="section__body no-padding">
        <table class="data-table">
          <thead>
            <tr>
              <th>{{ _('User') }}</th>
              <th>{{ _('Problem') }}</th>
              <th>{{ _('Failed attempts') }}</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            {%- for s in stuckRows -%}
            <tr>
              <td>{{ s.uname }}</td>
              <td>{{ s.pid }} — {{ s.title }}</td>
              <td><span class="fork-text-bad">{{ s.attempts }}</span></td>
              <td><a class="typo-a" href="{{ url('stats_user', uid=s.uid) }}">{{ _('View progress') }}</a></td>
            </tr>
            {%- endfor -%}
            {%- if not stuckRows.length -%}
            <tr><td colspan="4">{{ _('No stuck students right now.') }}</td></tr>
            {%- endif -%}
          </tbody>
        </table>
      </div>
    </div>
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Latest submissions') }}</h1>
      </div>
      <div class="section__body no-padding">
        <table class="data-table">
          <thead>
            <tr>
              <th>{{ _('Status') }}</th>
              <th>{{ _('User') }}</th>
              <th>{{ _('Problem') }}</th>
              <th>{{ _('Score') }}</th>
              <th>{{ _('Language') }}</th>
              <th>{{ _('Submit At') }}</th>
            </tr>
          </thead>
          <tbody>
            {%- for r in latestRows -%}
            <tr>
              <td><span class="record-status--text {{ r.statusClass }}">{{ r.statusText }}</span></td>
              <td><a class="typo-a" href="{{ url('stats_user', uid=r.uid) }}">{{ r.uname }}</a></td>
              <td>{{ r.pid }} — {{ r.title }}</td>
              <td>{{ r.score }}</td>
              <td>{{ r.lang }}</td>
              <td>{{ datetimeSpan(r.at)|safe }}</td>
            </tr>
            {%- endfor -%}
            {%- if not latestRows.length -%}
            <tr><td colspan="6">{{ _('No Submissions') }}</td></tr>
            {%- endif -%}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}