{% 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. <span dir="rtl" lang="ar" style="display:block;margin-top:4px">أدخل اسمك الثلاثي <strong>باللغة العربية فقط</strong>، واختر مرحلتك الدراسية، ثم حدد مجموعتك (اختياري).</span></p>
  {% if success or existing %}
    <div class="success-panel"><div class="success-icon">&#10003;</div><h2>Attendance registered <small dir="rtl" lang="ar" style="font-size:0.7em">(تم تسجيل الحضور)</small></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. <span dir="rtl" lang="ar" style="display:block;margin-top:3px">تم حفظ حضورك لهذه المحاضرة بنجاح، لا داعي لإعادة الإرسال.</span></p>
    </div>
  {% elif not active %}
    <div class="notice"><strong>Attendance is closed. <span dir="rtl" lang="ar">(تسجيل الحضور مغلق)</span></strong><p>The lecturer is no longer accepting check-ins for this session. <span dir="rtl" lang="ar" style="display:block;margin-top:3px">لم يعد الأستاذ يستقبل تسجيلات جديدة لهذه الجلسة.</span></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" style="min-height:48px;font-weight:700">تسجيل الحضور &bull; Register 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. <span dir="rtl" lang="ar" style="display:block;margin-top:3px">تسجيل واحد لكل اسم ومرحلة ولكل متصفح. في حال تطابق الأسماء، يرجى مراجعة الأستاذ.</span></p>
  {% endif %}
</section>
{% endblock %}