{% extends "layout/basic.html" %}
{% block content %}
{% macro card(title, value, sub, level, href, linkText) %}
{% set levelColor = { 'ok': '#25ad40', 'warn': '#f39800', 'bad': '#fb5555' } %}
<div class="medium-3 small-6 columns">
  <div class="section fork-stat-card" style="--stat-color:{{ levelColor[level] }};">
    <div class="section__body">
      <div class="supplementary">{{ title }}</div>
      <div class="fork-stat-card__value">{{ value }}</div>
      <div class="supplementary">{{ sub }}</div>
      {% if href %}<div class="fork-stat-card__link"><a class="typo-a" href="{{ href }}">{{ linkText }} »</a></div>{% endif %}
    </div>
  </div>
</div>
{% endmacro %}
<div class="row">
  <div class="medium-12 columns">
    <div class="section"><div class="section__body">
      <div class="section__tools" style="float:right;"><a class="typo-a" href="{{ url('stats') }}">« {{ _('Submission Statistics') }}</a></div>
      <h1 class="section__title" style="display:inline-block;">{{ _('Course health') }}</h1>
      {% 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>
</div>
<div class="row">
  {{ card(_('Submission rate'), deliveredPct + '%', deliveredCount + ' / ' + totalStudents + ' ' + _('students'), deliveredLevel, url('stats_activity', query={group:group or ''}), _('Activity')) }}
  {{ card(_('Inactive students'), inactiveCount, inactivePct + '% · ' + _('over {0} days').format(inactiveDays), inactiveLevel, url('stats_activity', query={group:group or ''}), _('Details')) }}
  {{ card(_('Problematic problems'), hardCount, _('low success rate'), hardLevel, url('stats_problems'), _('Calibration')) }}
  {{ card(_('Stuck (student, problem)'), stuckPairs, _('5+ failed attempts'), stuckLevel, url('stats'), _('Dashboard')) }}
</div>
<div class="row">
  <div class="medium-8 columns">
    <div class="section">
      <div class="section__header"><h1 class="section__title">{{ _('Problematic problems') }}</h1></div>
      <div class="section__body no-padding">
        <table class="data-table">
          <thead><tr><th>{{ _('Problem') }}</th><th>{{ _('Success rate') }}</th><th>{{ _('Solvers') }} / {{ _('Attempters') }}</th><th></th></tr></thead>
          <tbody>
            {%- for p in hardProblems -%}
            <tr class="fork-row--bad">
              <td>{{ p.pid }} — {{ p.title }}</td>
              <td><b>{{ p.successRate }}%</b></td>
              <td>{{ p.solvers }} / {{ p.attempters }}</td>
              <td><a class="typo-a" href="{{ url('stats_problem', pid=p.docId) }}">{{ _('Report') }}</a></td>
            </tr>
            {%- endfor -%}
            {%- if not hardProblems.length -%}
            <tr><td colspan="4">{{ _('No problematic problems right now.') }}</td></tr>
            {%- endif -%}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="medium-4 columns">
    <div class="section">
      <div class="section__header"><h1 class="section__title">{{ _('Announcements') }}</h1></div>
      <div class="section__body typo">
        <p>{{ _('{0} active announcements.').format(noticeCount) }}</p>
        <a class="typo-a" href="{{ url('domain_notices') }}">{{ _('Manage announcements') }} »</a>
      </div>
    </div>
  </div>
</div>
{% endblock %}