{# src/examen/templates/start.html #}
{% extends "base.html" %}
{% block title %}Examen — {{ artifact.quiz_id }}{% endblock %}
{% block content %}
{% if demo_mode %}
<div class="demo-banner" role="note">
  This is a hosted demo of the bundled fixture quiz.
  To quiz your own code: <code>pip install examen</code>.
</div>
{% endif %}
<section class="start">
  <h1>Examen</h1>
  <p class="start__lede">A self-examination for code you just shipped.</p>

  <p class="start__meta">
    {{ artifact.quiz_id }}
    &nbsp;·&nbsp; {{ artifact.repo.root }} @ {{ artifact.repo.commit[:7] }}
    {% if artifact.repo.branch %}({{ artifact.repo.branch }}{% if artifact.repo.dirty %}, dirty{% endif %}){% endif %}
    &nbsp;·&nbsp; {{ artifact.mode.kind }} mode
  </p>

  <h2>Topics</h2>
  <dl class="start__topics">
    {% for t in artifact.topics %}
      <dt>{{ t.label }}</dt>
      <dd>{{ (t.files|length) if t.files is defined else "" }}{% if t.files is defined %} file{{ "s" if (t.files|length) != 1 }}{% endif %}</dd>
    {% endfor %}
  </dl>

  <p class="start__counts">
    up to {{ artifact.questions | length }} questions · drills replace remaining slots on miss · ~{{ ((artifact.questions|length) * 50 // 60) or 1 }} minutes
  </p>

  <form hx-post="/session/start" hx-target="body" hx-swap="outerHTML" class="start__form">
    <button type="submit">Begin</button>
  </form>

  {% if resume_session_id %}
  <p class="start__note">
    You have an unfinished run of this quiz.
    <a href="/session/{{ resume_session_id }}/resume">Resume it</a>.
  </p>
  {% endif %}

  <p class="start__note">Confidence rated alongside each answer.</p>
</section>
{% endblock %}