{% extends "base.html" %}
{% block title %}{{ 'New exam' if mode == 'new' else 'Exam settings' }}{% endblock %}
{% block content %}
<div class="pagehead">
  <div>
    <div class="crumbs"><a href="{{ url_for('teacher_home') }}">Exams</a> / {{ 'New' if mode == 'new' else 'Settings' }}</div>
    <h1>{{ 'Create an exam' if mode == 'new' else 'Exam settings' }}</h1>
  </div>
</div>
<form method="post" class="card" style="max-width:820px">
  <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
  <div class="cols2">
    <div class="field"><label>Exam title</label><input type="text" name="title" required value="{{ exam.title }}" placeholder="e.g. First Term Mathematics"></div>
    <div class="field"><label>Subject</label><input type="text" name="subject" value="{{ exam.subject }}" placeholder="e.g. Mathematics"></div>
  </div>
  <div class="field"><label>Instructions for students</label>
    <textarea name="instructions" rows="4" placeholder="e.g. Answer all questions. No calculators.">{{ exam.instructions }}</textarea></div>

  <h3 style="margin-top:8px">Timing and access</h3>
  <div class="cols3">
    <div class="field"><label>Time allowed (minutes)</label><input type="number" name="duration_min" min="1" max="600" required value="{{ exam.duration_min }}">
      <div class="hint">Each student's clock starts when they press Start.</div></div>
    <div class="field"><label>Class</label><input type="text" name="target_class" value="{{ exam.target_class }}" placeholder="Blank = all students">
      <div class="hint">Must match the class on the student account.</div></div>
    <div class="field"><label>Pass mark (%)</label><input type="number" name="pass_mark" min="0" max="100" step="1" value="{{ exam.pass_mark|num }}"></div>
  </div>
  <div class="cols2">
    <div class="field"><label>Opens at <span class="hint">(optional)</span></label><input type="datetime-local" name="opens_at" value="{{ exam.opens_at|dtinput }}"></div>
    <div class="field"><label>Closes at <span class="hint">(optional)</span></label><input type="datetime-local" name="closes_at" value="{{ exam.closes_at|dtinput }}">
      <div class="hint">Anyone still writing is cut off at this time.</div></div>
  </div>

  <h3 style="margin-top:8px">Options</h3>
  <label class="check"><input type="checkbox" name="shuffle_q" {{ 'checked' if exam.shuffle_q }}> Shuffle the order of questions for each student</label>
  <label class="check"><input type="checkbox" name="shuffle_o" {{ 'checked' if exam.shuffle_o }}> Shuffle the order of the options in multiple-choice questions</label>
  <label class="check"><input type="checkbox" name="show_result" {{ 'checked' if exam.show_result }}> Show students their score right after they submit</label>
  <label class="check"><input type="checkbox" name="lock_on_leave" {{ 'checked' if mode == 'new' or exam.lock_on_leave }}> <b>Strict mode:</b> if a student leaves the exam tab, submit their exam, log them out at once and lock their account until the administrator unlocks it</label>
  <div class="field" style="max-width:340px"><label>Warnings before auto-submit</label><input type="number" name="max_strikes" min="0" max="10" value="{{ exam.max_strikes if exam.max_strikes is not none else 3 }}">
    <div class="hint">Each tab switch or fullscreen exit is a warning. At this number the exam is submitted automatically (the account is not locked). 0 = only record them. Not used in strict mode for tab switches.</div></div>
  <label class="check"><input type="checkbox" name="show_review" {{ 'checked' if exam.show_review }}> Let students review the correct answers after submitting</label>

  <div class="row" style="margin-top:12px">
    <button class="btn primary" type="submit">{{ 'Create exam and add questions' if mode == 'new' else 'Save settings' }}</button>
    <a class="btn" href="{{ url_for('teacher_home') if mode == 'new' else url_for('exam_manage', eid=eid) }}">Cancel</a>
  </div>
</form>
{% endblock %}