{% extends "lanexam/base.html" %}
{% block title %}Join {{ session.title }}{% endblock %}
{% block content %}
<div class="card" style="max-width:480px;margin:40px auto">
  <div class="small muted" style="font-weight:800;letter-spacing:.14em">
    {{ session.code }}</div>
  <h1 style="margin-top:4px">{{ session.title }}</h1>
  <p class="muted">{{ session.minutes }} minutes{% if session.platform %}
     · {{ session.platform }}{% endif %}</p>

  <form method="post" style="margin-top:20px">
    {% csrf_token %}
    <div class="field">
      <label for="name">Your full name, as on the roll</label>
      <input id="name" name="name" maxlength="60" required autofocus
             autocomplete="off">
    </div>
    <div class="field">
      <label for="roll">Roll number / SAP ID</label>
      <input id="roll" name="roll" maxlength="40" autocomplete="off">
    </div>
    <button class="btn" type="submit" style="width:100%">Continue</button>
    {% if error %}<p class="error" style="margin-top:12px">{{ error }}</p>{% endif %}
  </form>

  <div class="small muted" style="margin-top:22px;border-top:1px solid var(--line);
       padding-top:16px;line-height:1.7">
    <p><b style="color:var(--ink)">Before you continue.</b> During this exam
       this PC is monitored by your invigilator through the Windows agent.
       You must also share your entire screen for compulsory browser ML monitoring.
       The exam unlocks after the model successfully analyses a captured frame.</p>
    <p>While the exam runs, the following are recorded with the time: the
       website lookup signals, which window is in front, USB drives plugged
       in, and when the clipboard is used (never <i>what</i> was copied). A
       screenshot is saved only when a flag requests one. Monitoring follows
       the invigilator's mode and the exam deadline.</p>
  </div>
</div>
{% endblock %}