{% 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">{{ _('Activity / inactive students') }}</h1>
        <div class="section__tools">
          <a class="typo-a" href="{{ url('stats') }}">« {{ _('Submission Statistics') }}</a>
          <form method="get" class="inline fork-inline-filter">
            {% if groups.length %}
            <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>
            {% endif %}
            <label class="fork-inline-filter">{{ _('Inactive after (days)') }}
              <input name="days" type="number" min="3" max="120" value="{{ inactiveDays }}" class="textbox inline" style="width:70px;" onchange="this.form.submit()" />
            </label>
          </form>
        </div>
      </div>
      <div class="section__body typo">
        <p>{{ _('{0} students have not connected in the last {1} days.').format(inactiveCount, inactiveDays) }}</p>
        {% if inactiveCount %}
        <form method="post" onsubmit="return confirm('{{ _('Send an in-app reminder to all inactive students?') }}')">
          <input type="hidden" name="operation" value="notify" />
          <input type="hidden" name="group" value="{{ group }}" />
          <input type="hidden" name="days" value="{{ inactiveDays }}" />
          <button type="submit" class="rounded button">{{ _('Notify inactive students') }}</button>
        </form>
        {% endif %}
      </div>
      <div class="section__body no-padding">
        <table class="data-table">
          <thead>
            <tr>
              <th>{{ _('Username') }}</th>
              <th>{{ _('Last login') }}</th>
              <th>{{ _('Submissions') }}</th>
              <th>{{ _('Last submission') }}</th>
              <th>{{ _('Status') }}</th>
            </tr>
          </thead>
          <tbody>
            {%- for r in rows -%}
            <tr{% if r.inactive %} class="fork-row--warn"{% endif %}>
              <td><a href="{{ url('stats_user', uid=r.uid) }}">{{ r.uname }}</a></td>
              <td>{% if r.loginat %}{{ datetimeSpan(r.loginat)|safe }}{% else %}—{% endif %}</td>
              <td>{{ r.submissions }}</td>
              <td>{% if r.lastSub %}{{ datetimeSpan(r.lastSub)|safe }}{% else %}—{% endif %}</td>
              <td>{% if r.inactive %}<span class="record-status--text fail">{{ _('Inactive') }}</span>{% else %}<span class="record-status--text pass">{{ _('Active') }}</span>{% endif %}</td>
            </tr>
            {%- endfor -%}
            {%- if not rows.length -%}
            <tr><td colspan="5">{{ _('No students') }}</td></tr>
            {%- endif -%}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}