{% extends "base.html" %}
{% block title %}Results · {{ exam.title }}{% endblock %}
{% block content %}
<div class="pagehead">
  <div>
    <div class="crumbs"><a href="{{ url_for('teacher_home') }}">Exams</a> / <a href="{{ url_for('exam_manage', eid=exam.id) }}">{{ exam.title }}</a> / Results</div>
    <h1>Results</h1>
    <p>{{ exam.title }} · {{ exam.target_class or 'All classes' }} · pass mark {{ exam.pass_mark|num }}%</p>
  </div>
  <div class="row">
    <button class="btn" onclick="location.reload()">Refresh</button>
    <a class="btn" href="{{ url_for('exam_results_csv', eid=exam.id) }}">Download CSV</a>
  </div>
</div>

<div class="stats">
  <div class="stat"><b>{{ summary.done }}<small class="muted" style="font-size:1rem"> / {{ summary.eligible }}</small></b><span>Submitted</span></div>
  <div class="stat accent"><b>{{ summary.running }}</b><span>Writing now</span></div>
  <div class="stat"><b>{{ '%.1f'|format(summary.avg) ~ '%' if summary.avg is not none else '-' }}</b><span>Average</span></div>
  <div class="stat"><b>{{ '%.0f'|format(summary.high) ~ '%' if summary.high is not none else '-' }}</b><span>Highest</span></div>
  <div class="stat"><b>{{ '%.0f'|format(summary.low) ~ '%' if summary.low is not none else '-' }}</b><span>Lowest</span></div>
  <div class="stat"><b>{{ '%.0f'|format(summary.pass_rate) ~ '%' if summary.pass_rate is not none else '-' }}</b><span>Pass rate</span></div>
</div>

<div class="card">
  <div class="tablewrap"><table>
    <tr><th>Student ID</th><th>Name</th><th>Class</th><th>Status</th><th>Score</th><th>%</th><th>Time used</th><th title="Times the student left the exam tab">Tab leaves</th><th></th></tr>
    {% for r in rows %}{% set a = r.a %}
    <tr>
      <td><b>{{ r.s.username }}</b></td><td>{{ r.s.full_name }}</td><td>{{ r.s.class_name or '-' }}</td>
      <td>
        {% if not a %}<span class="badge">Not started</span>
        {% elif a.status == 'in_progress' %}<span class="badge accent">Writing</span>
        {% elif r.pct is not none and r.pct >= exam.pass_mark %}<span class="badge ok">Pass</span>
        {% else %}<span class="badge bad">Fail</span>{% endif %}
      </td>
      <td>{% if a and a.status == 'submitted' %}{{ a.score|num }} / {{ a.total|num }}{% else %}-{% endif %}</td>
      <td>{% if r.pct is not none %}{{ '%.1f'|format(r.pct) }}%{% else %}-{% endif %}</td>
      <td>{% if a and a.submitted_at %}{{ (a.submitted_at - a.started_at)|mins }}{% else %}-{% endif %}</td>
      <td>{% if a %}{% if a.tab_switches > 2 %}<span class="badge warn">{{ a.tab_switches }}</span>{% else %}{{ a.tab_switches }}{% endif %}{% else %}-{% endif %}</td>
      <td class="actions">
        {% if a %}
          <a class="btn sm" href="{{ url_for('attempt_detail', aid=a.id) }}">View</a>
          <form class="inline" method="post" action="{{ url_for('attempt_reset', aid=a.id) }}" onsubmit="return confirm('Remove this attempt so {{ r.s.full_name|e }} can retake the exam?')">
            <input type="hidden" name="_csrf" value="{{ csrf_token() }}"><button class="btn sm danger">Allow retake</button></form>
        {% endif %}
      </td>
    </tr>
    {% else %}
    <tr><td colspan="9" class="muted">No eligible students. Add students to this class from the Admin page.</td></tr>
    {% endfor %}
  </table></div>
</div>

{% if analysis %}
<div class="card">
  <h2>Question analysis</h2>
  <p class="muted small">Share of submitted students who answered each question correctly. Questions marked Hard may need a second look (or re-teaching).</p>
  <div class="tablewrap"><table>
    <tr><th>#</th><th>Question</th><th>Marks</th><th>Correct</th><th>Success rate</th><th></th></tr>
    {% for a in analysis %}
    <tr>
      <td>{{ a.n }}</td>
      <td>{{ a.text|truncate(90) }}</td>
      <td>{{ a.marks|num }}</td>
      <td>{{ a.correct }} / {{ a.total }}</td>
      <td><div class="bar {{ a.level }}"><i style="width:{{ '%.0f'|format(a.pct) }}%"></i></div></td>
      <td>{{ '%.0f'|format(a.pct) }}% <span class="badge {{ 'ok' if a.level == 'easy' else 'warn' if a.level == 'moderate' else 'bad' }}">{{ a.level|capitalize }}</span></td>
    </tr>
    {% endfor %}
  </table></div>
</div>
{% endif %}
{% endblock %}