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

{% block isi %}
<section class="kartu-panel kartu-sempit">
  <p class="eyebrow">Ujian</p>
  <h1>{{ ujian.judul }}</h1>
  <p class="bantuan">{{ ujian.petunjuk or 'Jawab semua soal. Setiap soal menunjuk satu struktur pada gambar.' }}</p>
  <ul class="daftar-ringkas">
    <li><strong>{{ jumlah }}</strong> soal</li>
    {% if ujian.durasi_menit %}<li>Durasi <strong>{{ ujian.durasi_menit }} menit</strong></li>{% endif %}
    {% if ujian.tutup %}<li>Tutup <strong>{{ ujian.tutup.strftime('%d %b %Y %H:%M') }}</strong></li>{% endif %}
    <li>Satu percobaan; jawaban tersimpan setiap kali Anda menekan lanjut.</li>
  </ul>
  {% if pengerjaan and pengerjaan.status == 'jalan' %}
    <a class="tombol tombol-utama lebar" href="{{ url_for('ujian.soal', ujian_id=ujian.id, nomor=1) }}">
      Lanjutkan mengerjakan</a>
  {% else %}
    <form method="post" action="{{ url_for('ujian.mulai', ujian_id=ujian.id) }}">
      {{ csrf_input() }}
      <button class="tombol tombol-utama lebar" type="submit">Mulai ujian</button>
    </form>
  {% endif %}
</section>
{% endblock %}