{% extends "base.html" %}
{% block title %}My exams{% endblock %}
{% block content %}
<div class="pagehead">
  <div><h1>Hello, {{ g.user.full_name.split(' ')[0] }}</h1>
    <p>Student ID <b>{{ g.user.username }}</b>{% if g.user.class_name %} · {{ g.user.class_name }}{% endif %}</p></div>
</div>

{% if running %}
<div class="card" style="border-color:var(--accent)">
  <h2>Exam in progress</h2>
  {% for it in running %}
  <div class="row between" style="padding:6px 0">
    <div><b>{{ it.e.title }}</b><div class="muted small">Your clock is still running.</div></div>
    <a class="btn primary" href="{{ url_for('take_attempt', aid=it.a.id) }}">Continue exam</a>
  </div>
  {% endfor %}
</div>
{% endif %}

<div class="card">
  <h2>Available exams</h2>
  {% for it in available %}{% set e = it.e %}
  <div class="row between" style="padding:12px 0;border-top:1px solid var(--line)">
    <div>
      <b>{{ e.title }}</b> {% if e.subject %}<span class="badge teal">{{ e.subject }}</span>{% endif %}
      <div class="muted small">{{ e.nq }} questions · {{ e.duration_min }} minutes · {{ e.teacher_name }}
        {% if it.state == 'upcoming' %} · opens {{ e.opens_at|dt }}{% elif e.closes_at %} · closes {{ e.closes_at|dt }}{% endif %}</div>
    </div>
    {% if it.state == 'open' %}<a class="btn primary" href="{{ url_for('exam_intro', eid=e.id) }}">View &amp; start</a>
    {% elif it.state == 'upcoming' %}<span class="badge warn">Not open yet</span>
    {% else %}<span class="badge bad">Closed</span>{% endif %}
  </div>
  {% else %}
  <p class="muted">Nothing to write right now. Your teacher will publish an exam when it is ready.</p>
  {% endfor %}
</div>

{% if done %}
<div class="card">
  <h2>Completed</h2>
  <div class="tablewrap"><table>
    <tr><th>Exam</th><th>Submitted</th><th>Result</th><th></th></tr>
    {% for it in done %}
    <tr>
      <td><b>{{ it.e.title }}</b></td><td>{{ it.a.submitted_at|dt }}</td>
      <td>{% if it.e.show_result and it.pct is not none %}{{ it.a.score|num }} / {{ it.a.total|num }} ({{ '%.0f'|format(it.pct) }}%){% else %}<span class="muted">Submitted</span>{% endif %}</td>
      <td class="actions"><a class="btn sm" href="{{ url_for('attempt_result', aid=it.a.id) }}">Open</a></td>
    </tr>
    {% endfor %}
  </table></div>
</div>
{% endif %}
{% endblock %}