{% extends 'base.html' %}{% block content %}<h1>{{exam.title}}</h1><div id=status>Jawaban tersimpan otomatis.</div>{% for q in questions %}<div class=question><b>{{loop.index}}. {{q.question}}</b>{% if q.image %}<img class=qimg src='/static/uploads/{{q.image}}'>{% endif %}{% for o in ['a','b','c','d','e'] %}{% if q[o] %}<label><input type=radio name=q{{q.id}} value={{o|upper}} {% if answers.get(q.id)==o|upper %}checked{% endif %} onchange='save({{q.id}},this.value)'> {{o|upper}}. {{q[o]}}</label>{% endif %}{% endfor %}</div>{% endfor %}<button onclick=submitExam()>KUMPULKAN UJIAN</button><script>const E={{exam.id}};async function save(q,a){let r=await fetch('/api/answer',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({exam_id:E,question_id:q,answer:a})});let j=await r.json();document.getElementById('status').textContent=j.ok?'✓ Jawaban tersimpan':'Gagal: '+j.error}async function submitExam(){let r=await fetch('/api/submit',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({exam_id:E})});let j=await r.json();if(j.ok){alert('Ujian terkumpul. Nilai '+j.score);location='/'}else alert('Gagal: '+j.error)}</script>{% endblock %}