{% extends "base.html" %}
{% block judul %}Tinjau {{ ujian.judul }} — Atlas Histo{% endblock %}

{% block isi %}
<header class="halaman-kepala">
  <div>
    <p class="eyebrow">Antrean tinjau</p>
    <h1>{{ ujian.judul }}</h1>
    <p class="hero-teks kecil">{{ total_menunggu }} jawaban menunggu keputusan Anda.
      Jawaban yang tidak dicocokkan otomatis tidak langsung dianggap salah.</p>
  </div>
  <div class="aksi-kepala">
    <a class="tombol tombol-garis tombol-kecil" href="{{ url_for('dosen_ujian.editor', ujian_id=ujian.id) }}">Susun soal</a>
    <a class="tombol tombol-garis tombol-kecil" href="{{ url_for('dosen_ujian.rekap', ujian_id=ujian.id) }}">Rekap nilai</a>
  </div>
</header>

{% if total_menunggu == 0 %}
  <p class="kosong-kecil">Tidak ada jawaban yang menunggu. Semua sudah dinilai otomatis atau oleh Anda.</p>
{% endif %}

{% for s in soal %}
  {% if antre[s.id] %}
    <section class="kartu-panel">
      <div class="panel-kepala">
        <h2>{{ loop.index }}. {{ s.pertanyaan }}</h2>
        <span class="hitung">{{ antre[s.id]|length }}</span>
      </div>
      <p class="bantuan">Kunci: <strong>{{ s.kunci_teks }}</strong>
        {% if s.sinonim %}· sinonim: {{ s.sinonim }}{% endif %}</p>
      <ul class="daftar-admin">
        {% for j in antre[s.id] %}
          <li>
            <span class="daftar-teks">
              <strong>{{ j.teks }}</strong>
              <small>{{ j.nama }} · dikumpulkan sebagai jawaban isian</small>
            </span>
            <span class="daftar-aksi">
              <form method="post" action="{{ url_for('dosen_ujian.nilai_satu', ujian_id=ujian.id, jawaban_id=j.id) }}">
                {{ csrf_input() }}
                <button class="tombol tombol-utama tombol-kecil" name="aksi" value="benar" type="submit">Benar</button>
                <button class="tombol tombol-hapus tombol-kecil" name="aksi" value="salah" type="submit">Salah</button>
                <button class="tombol tombol-garis tombol-kecil" name="aksi" value="semua" type="submit">Terima semua</button>
              </form>
            </span>
          </li>
        {% endfor %}
      </ul>
    </section>
  {% endif %}
{% endfor %}
{% endblock %}