{% extends "base.html" %}
{% from "_qform.html" import qform %}
{% block title %}{{ exam.title }}{% endblock %}
{% block content %}
<div class="pagehead">
  <div>
    <div class="crumbs"><a href="{{ url_for('teacher_home') }}">Exams</a> / {{ exam.title }}</div>
    <h1>{{ exam.title }} {% if exam.published %}<span class="badge ok">Published</span>{% else %}<span class="badge">Draft</span>{% endif %} {% if exam.lock_on_leave %}<span class="badge bad" title="Leaving the exam tab submits the exam and locks the account">Strict mode ON</span>{% else %}<span class="badge" title="Edit the exam to switch it on">Strict mode off</span>{% endif %}</h1>
    <p>{{ exam.subject or 'No subject' }} · {{ exam.target_class or 'All classes' }}</p>
  </div>
  <div class="row">
    <a class="btn" href="{{ url_for('exam_edit', eid=exam.id) }}">Settings</a>
    <a class="btn" href="{{ url_for('exam_results', eid=exam.id) }}">Results ({{ n_att }})</a>
    <form class="inline" method="post" action="{{ url_for('exam_duplicate', eid=exam.id) }}">
      <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
      <button class="btn" title="Copy this exam and its questions as a new draft">Duplicate</button>
    </form>
    <form class="inline" method="post" action="{{ url_for('exam_publish', eid=exam.id) }}">
      <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
      <button class="btn {{ '' if exam.published else 'primary' }}">{{ 'Unpublish' if exam.published else 'Publish exam' }}</button>
    </form>
  </div>
</div>

<div class="pill-row">
  <div class="pill"><b>{{ exam.duration_min }} min</b><span>Time allowed</span></div>
  <div class="pill"><b>{{ qs|length }}</b><span>Questions</span></div>
  <div class="pill"><b>{{ total|num }}</b><span>Total marks</span></div>
  <div class="pill"><b>{{ exam.pass_mark|num }}%</b><span>Pass mark</span></div>
  <div class="pill"><b>{{ exam.opens_at|dt }}</b><span>Opens</span></div>
  <div class="pill"><b>{{ exam.closes_at|dt }}</b><span>Closes</span></div>
</div>

{% if n_att and not exam.published %}
<div class="flash info">Students have already attempted this exam. Editing questions now can change how their saved answers are graded.</div>
{% endif %}

<div class="grid g2">
  <div class="card" id="upload">
    <h2>Upload questions</h2>
    <p class="muted">Upload a .csv or .xlsx file with columns <code>type, question, a, b, c, d, e, answer, marks</code>.</p>
    <form method="post" action="{{ url_for('questions_upload', eid=exam.id) }}" enctype="multipart/form-data" class="stack">
      <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
      <input type="file" name="file" accept=".csv,.xlsx" required>
      <div class="row">
        <button class="btn primary" type="submit">Upload</button>
        <a href="{{ url_for('question_template') }}">Download template</a>
      </div>
    </form>
    <p class="hint" style="margin-top:12px"><b>type</b>: mcq, tf or short · <b>answer</b>: the letter (B), True/False, or the accepted text · leave <b>marks</b> blank for 1.</p>
  </div>

  <div class="card" id="add">
    <h2>Add a question</h2>
    {{ qform(url_for('question_add', eid=exam.id), None, [], 'Add question') }}
  </div>
</div>

<div class="card">
  <div class="row between">
    <h2>Questions ({{ qs|length }})</h2>
    {% if qs %}
    <form class="inline" method="post" action="{{ url_for('questions_clear', eid=exam.id) }}" onsubmit="return confirm('Delete ALL questions in this exam?')">
      <input type="hidden" name="_csrf" value="{{ csrf_token() }}"><button class="btn sm danger">Delete all</button></form>
    {% endif %}
  </div>
  {% for item in qs %}{% set r = item.row %}
  <div class="qitem">
    <div class="qhead">
      <div><span class="qnum">{{ loop.index }}.</span>{{ r.text }}{% if r.image %}<br><img class="qimg" style="max-height:140px" src="{{ qimg(r.image) }}" alt="">{% endif %}
        <div class="muted small" style="margin-top:2px">
          {{ {'mcq':'Multiple choice','tf':'True / False','short':'Short answer'}[r.qtype] }} · {{ r.marks|num }} mark{{ '' if r.marks == 1 else 's' }}</div></div>
      <div class="row nowrap">
        <a class="btn sm" href="{{ url_for('question_edit', qid=r.id) }}">Edit</a>
        <form class="inline" method="post" action="{{ url_for('question_delete', qid=r.id) }}" onsubmit="return confirm('Delete this question?')">
          <input type="hidden" name="_csrf" value="{{ csrf_token() }}"><button class="btn sm danger">Delete</button></form>
      </div>
    </div>
    {% if r.qtype == 'mcq' %}
      <ul class="opts">{% for o in item.options %}<li class="{{ 'right' if LETTERS[loop.index0] == r.answer }}"><b>{{ LETTERS[loop.index0] }}.</b> {{ o }}</li>{% endfor %}</ul>
    {% elif r.qtype == 'tf' %}
      <ul class="opts"><li class="right">Answer: {{ r.answer|capitalize }}</li></ul>
    {% else %}
      <ul class="opts"><li class="right">Accepted: {{ r.answer.replace('|', '  /  ') }}</li></ul>
    {% endif %}
  </div>
  {% else %}
  <p class="muted">No questions yet. Upload a file or add them one by one above.</p>
  {% endfor %}
</div>

<div class="card" style="border-color:#efc4bf">
  <h3>Danger zone</h3>
  <form method="post" action="{{ url_for('exam_delete', eid=exam.id) }}" onsubmit="return confirm('Delete this exam, its questions and ALL student results?')">
    <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
    <button class="btn danger">Delete this exam</button>
  </form>
</div>
{% endblock %}
{% block scripts %}<script src="{{ url_for('static', filename='qform.js') }}"></script>{% endblock %}