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

{% block isi %}
<header class="halaman-kepala">
  <div>
    <p class="eyebrow">Hasil ujian</p>
    <h1>{{ ujian.judul }}</h1>
    <p class="hero-teks kecil">{{ ringkas.skor_benar }} dari {{ ringkas.total_skor }} skor ·
      {{ ringkas.menunggu }} jawaban menunggu tinjau</p>
  </div>
  <div class="nilai-besar">{{ ringkas.nilai }}<small>/100</small></div>
</header>

{% if ringkas.menunggu %}
  <p class="pesan pesan-galat">Nilai sementara — {{ ringkas.menunggu }} jawaban menunggu
    penilaian dosen. Angka bisa berubah setelah dosen meninjau.</p>
{% endif %}

<section class="kartu-panel">
  <h2>Rincian jawaban</h2>
  <ul class="daftar-jawaban">
    {% for b in baris %}
      <li class="jawaban {{ 'jawaban-benar' if b.benar == 1 else ('jawaban-salah' if b.benar == 0 else 'jawaban-tunggu') }}">
        <span class="nomor" aria-hidden="true">{{ loop.index }}</span>
        <div class="daftar-teks">
          <strong>{{ b.pertanyaan }}</strong>
          <small>Jawaban Anda:
            {% if b.tipe == 'pilihan_ganda' %}opsi {{ (b.pilihan or 0) + 1 }}{% else %}{{ b.teks or '—' }}{% endif %}
          </small>
          <small class="status">
            {% if b.benar == 1 %}benar{% elif b.benar == 0 %}salah{% else %}menunggu tinjau{% endif %}
            · skor {{ b.skor }}
          </small>
          {% if tampil_kunci %}
            <small class="bantuan">Kunci: {{ b.kunci_teks or '—' }}
              {% if b.pembahasan %}· {{ b.pembahasan }}{% endif %}</small>
          {% endif %}
        </div>
      </li>
    {% endfor %}
  </ul>
</section>

<a class="tombol tombol-garis" href="{{ url_for('belajar.dasbor') }}">Kembali ke dasbor belajar</a>
{% endblock %}