{% extends 'base.html' %}
{% block title %}Student attendance — Pharmacy Department{% endblock %}
{% block content %}
<section class="card student-card">
  <div class="student-brand"><img src="{{ url_for('static', filename='ouc-logo.jpg') }}" alt="College logo"><div><strong>Pharmacy Department</strong><span>OSOL AL-ELM UNIVERSITY COLLEGE</span></div></div>
  <div class="eyebrow">STUDENT ATTENDANCE</div>
  <h1>{{ class_session['title'] }}</h1>{% if class_session['owner_id'] %}<p class="muted small-text">Instructor: <strong lang="ar" dir="auto">{{ instructor_for(class_session['owner_id']) }}</strong></p>{% endif %}
  <p class="muted">Enter your full name <strong>in Arabic only</strong>, choose your stage, and optionally add your group.</p>
  {% if success or existing %}
    <div class="success-panel"><div class="success-icon">&#10003;</div><h2>Attendance registered</h2>
      <p dir="rtl" lang="ar"><strong>{{ existing['full_name'] }}</strong></p>
      <p class="muted">Student Stage: {{ existing['student_grade']|stagelabel }}</p>
      {% if existing['student_group'] %}<p class="muted">Group: {{ existing['student_group'] }}</p>{% endif %}
      <p class="small-text muted">Your check-in has been recorded for this lecture. You do not need to submit again.</p>
    </div>
  {% elif not active %}
    <div class="notice"><strong>Attendance is closed.</strong><p>The lecturer is no longer accepting check-ins for this session.</p></div>
  {% else %}
    {% if error %}<div class="alert error" role="alert">{{ error }}</div>{% endif %}
    <form class="form-stack" method="post" action="{{ url_for('checkin', token=class_session['token']) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      {% include 'student_fields.html' %}
      <button class="button primary full" type="submit">Register my attendance</button>
    </form>
    <p class="muted small-text">One check-in per Arabic name + stage and per browser for this lecture. Students with identical names in the same stage should contact the professor.</p>
  {% endif %}
</section>
{% endblock %}