{% extends "base.html" %}
{% block title %}{{ t('ex2') }} · {{ t('lvl1_name') }} · MockIRS{% endblock %}
{% block content %}
<h1>{{ t('ex2') }} · {{ t('lvl1_name') }}</h1>
<p class="goal"><b>{{ t('goal') }}:</b> {{ t('l1_goal') }}</p>
<p class="hint">{{ t('l1_note') }}</p>

<form method="get" class="course-picker">
  <label>{{ t('select_course') }}
    <select name="course" onchange="this.form.submit()">
      {% for c in courses %}
      <option value="{{ c.course_id }}" {{ 'selected' if c.course_id == selected.course_id }}>
        {{ c.name }}（{{ c.course_id }}）
      </option>
      {% endfor %}
    </select>
  </label>
</form>

<h2>{{ selected.name }} <small>({{ selected.course_id }} · {{ selected.department }} · {{ selected.size }} {{ t('students_count') }})</small></h2>
<p class="downloads">{{ t('download') }}:
  <a href="{{ url_for('public_csv') }}?course={{ selected.course_id }}">csv</a> ·
  <a href="{{ url_for('public_json') }}?course={{ selected.course_id }}">json</a> ·
  <a href="{{ url_for('public_xlsx') }}?course={{ selected.course_id }}">excel</a>
</p>
<table class="data">
  <thead>
    <tr><th>{{ t('col_id') }}</th><th>{{ t('col_name') }}</th><th>{{ t('col_class') }}</th></tr>
  </thead>
  <tbody>
    {% for r in rows %}
    <tr><td>{{ r.student_id }}</td><td>{{ r.name }}</td><td>{{ r.class_name }}</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}