{% extends "base.html" %}
{% block judul %}Rekap {{ kelas.nama }} — Atlas Histo{% endblock %}

{% block isi %}
<nav class="remah" aria-label="Remah roti">
  <a href="{{ url_for('belajar.dasbor') }}">Belajar</a><span aria-hidden="true">/</span>
  <span aria-current="page">{{ kelas.nama }}</span>
</nav>

<header class="halaman-kepala">
  <div>
    <p class="eyebrow">Rekap kelas</p>
    <h1>{{ kelas.nama }}</h1>
    <p class="hero-teks kecil">{{ total_materi }} preparat materi · {{ baris|length }} mahasiswa ·
      rata-rata {{ rata }}% dipelajari · kode gabung <code>{{ kelas.kode_gabung }}</code></p>
  </div>
  <div class="aksi-kepala">
    <a class="tombol tombol-garis tombol-kecil" href="{{ url_for('belajar.rekap_csv', kelas_id=kelas.id) }}">
      Unduh CSV
    </a>
  </div>
</header>

<section class="kartu-panel">
  <div class="panel-kepala"><h2>Ujian kelas ini</h2></div>
  <form method="post" action="{{ url_for('dosen_ujian.buat', kelas_id=kelas.id) }}" class="form">
    {{ csrf_input() }}
    <div class="baris-bidang">
      <div class="bidang">
        <label for="judul-ujian">Judul ujian baru</label>
        <input id="judul-ujian" name="judul" required maxlength="200" placeholder="mis. Ujian praktikum histologi 1">
      </div>
      <div class="bidang">
        <label for="durasi">Durasi (menit, opsional)</label>
        <input id="durasi" name="durasi_menit" type="number" min="1" max="600">
      </div>
    </div>
    <button class="tombol tombol-utama" type="submit">Buat ujian draf</button>
  </form>
  {% if daftar_ujian %}
    <ul class="daftar-admin">
      {% for u in daftar_ujian %}
        <li>
          <span class="daftar-teks">
            <strong><a href="{{ url_for('dosen_ujian.editor', ujian_id=u.id) }}">{{ u.judul }}</a></strong>
            <small>{{ u.status }} · {{ u.jumlah_soal }} soal · {{ u.jumlah_peserta }} pengerjaan</small>
          </span>
        </li>
      {% endfor %}
    </ul>
  {% endif %}
</section>

{% if baris %}
  <div class="tabel-bungkus">
    <table class="tabel">
      <thead>
        <tr><th>Mahasiswa</th><th>Dipelajari</th><th>Persen</th><th>Kunjungan terakhir</th></tr>
      </thead>
      <tbody>
        {% for b in baris %}
          <tr>
            <td>
              <strong>{{ b.nama }}</strong>
              <small class="bantuan"> {{ b.pengguna }}{% if not b.aktif %} · nonaktif{% endif %}</small>
            </td>
            <td>{{ b.dipelajari }} / {{ b.total }}</td>
            <td>
              <div class="bilah bilah-kecil"><span style="width:{{ b.persen }}%"></span></div>
              <small class="bantuan">{{ b.persen }}%</small>
            </td>
            <td><small class="bantuan">
              {{ b.terakhir.strftime('%d %b %Y %H:%M') if b.terakhir else '—' }}</small></td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% else %}
  <p class="kosong-kecil">Belum ada mahasiswa yang bergabung. Bagikan kode
    <code>{{ kelas.kode_gabung }}</code>.</p>
{% endif %}
{% endblock %}