{% extends "base.html" %}
{% block title %}{{ t('ex5') }} · {{ t('l4_h1') }} · MockIRS{% endblock %}
{% block content %}
<h1>{{ t('ex5') }} · {{ t('l4_h1') }}（{{ sess.session_id }} · {{ sess.date }}）</h1>
<p class="goal"><b>{{ t('goal') }}:</b>
   {{ t('l4_goal_a') }} {{ total }} {{ t('l4_goal_b') }} {{ total_pages }} {{ t('l4_goal_c') }}
   <code>/api/l4/rows?offset=&amp;limit=</code></p>

<table id="attendance" class="data">
  <thead><tr><th>{{ t('col_id') }}</th><th>{{ t('col_name') }}</th><th>{{ t('col_status') }}</th></tr></thead>
  <tbody>
    {% for r in rows %}
    <tr><td>{{ r.student_id }}</td><td>{{ r.name }}</td><td>{{ r.status_label }}</td></tr>
    {% endfor %}
  </tbody>
</table>

<nav class="pager">
  {% if page > 1 %}<a href="{{ url_for('l4_paginated', page=page-1) }}">{{ t('prev_page') }}</a>{% endif %}
  <span>{{ t('page_of').replace('{p}', page|string).replace('{n}', total_pages|string) }}</span>
  {% if page < total_pages %}<a href="{{ url_for('l4_paginated', page=page+1) }}">{{ t('next_page') }}</a>{% endif %}
</nav>
{% endblock %}