{% extends 'base.html' %}
{% block content %}
<div class="topbar"><b>KPSS Deneme</b><span id="timer" data-left="{{ remaining }}"></span></div>
<form action="/submit" method="post" id="examForm">
{% for q in questions %}
  <section class="question card">
    <div class="qhead"><span>{{ loop.index }}</span><small>{{ q.lesson }}</small></div>
    <h3>{{ q.question }}</h3>
    {% for key, val in q.options.items() %}
      <label class="option"><input type="radio" name="q{{ loop.index }}" value="{{ key }}"><span>{{ key }}) {{ val }}</span></label>
    {% endfor %}
  </section>
{% endfor %}
<button class="finish">Sınavı Bitir</button>
</form>
<script src="{{ url_for('static', filename='app.js') }}"></script>
{% endblock %}