{% extends 'base.html' %}
{% block title %}Professor dashboard - Student Smart Portal{% endblock %}
{% block content %}
<div class="page-heading"><div><div class="eyebrow">{{ 'ADMINISTRATOR DASHBOARD' if actor.role == 'admin' else 'TEACHER DASHBOARD' }}</div><h1>Attendance management</h1><p class="muted">{{ actor.display_name }}</p><p class="muted">Start a session, project its QR code, and let students check in.</p></div><span class="status">Server ready</span></div>
<div class="notice" style="margin:0 0 20px">MCQ quizzes are now available. <a href="{{ url_for('quiz.quizzes_admin') }}"><strong>Create or manage MCQ quizzes &rarr;</strong></a></div>
<div class="two-column">
  <section class="card">
    <h2>Start a lecture</h2>
    <p class="muted">Creating a new lecture closes only your own previous open lecture.</p>
    <form method="post" action="{{ url_for('create_session') }}" class="form-stack">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <label>Lecture title<input name="title" maxlength="100" minlength="3" required placeholder="Pathophysiology - Lecture 1"></label>
      {% if actor.role == 'teacher' %}
      <label>Teaching Portfolio *<select name="portfolio_id" required>
        <option value="">Select subject and component</option>
        {% for p in portfolios %}<option value="{{ p.id }}">{{ p.course_name }} — {{ p.component }}</option>{% endfor %}
      </select></label>
      {% if not portfolios %}<p class="notice">Add a portfolio in <a href="{{url_for('teachers.portfolios')}}">My portfolios</a> before starting a lecture.</p>{% endif %}
      {% endif %}
      <label>Attendance window
        <select name="minutes"><option value="2">2 minutes</option><option value="5" selected>5 minutes</option><option value="10">10 minutes</option><option value="15">15 minutes</option><option value="30">30 minutes</option></select>
      </label>
      <button class="button primary" type="submit">Create attendance session</button>
    </form>
  </section>
  <section class="card">
    <h2>How students check in</h2>
    <div class="steps"><div><b>1</b><span>Connect to the classroom Wi-Fi.</span></div><div><b>2</b><span>Scan the projected attendance QR code.</span></div><div><b>3</b><span>Enter an Arabic full name, select stage, and optionally enter group.</span></div></div>
    <div class="notice">A browser cookie helps block multiple submissions on the same browser. Students can bypass it by clearing browser data or using another browser, so it is not proof of physical presence.</div>
  </section>
</div>
<section class="card table-card">
  <div class="section-heading"><h2>Recent lectures</h2><span class="muted">Most recent 100 sessions</span></div>
  {% if classes %}
    <div class="table-scroll"><table><thead><tr><th>Lecture</th><th>Date (Baghdad)</th><th>Present</th><th>Status</th><th></th></tr></thead><tbody>
    {% for cls in classes %}<tr><td><strong>{{ cls['title'] }}</strong>{% if cls['portfolio_course'] %}<div class="muted small-text">{{ cls['portfolio_course'] }} — {{ cls['portfolio_component'] }}</div>{% endif %}</td><td>{{ cls['created_at'] | localtime }}</td><td>{{ cls['attendance_count'] }}</td><td>{% if not cls['closed'] and cls['closes_at'] > now %}<span class="pill open">Open</span>{% else %}<span class="pill">Closed</span>{% endif %}</td><td><a class="button small outline" href="{{ url_for('session_detail', session_id=cls['id']) }}">View</a></td></tr>{% endfor %}
    </tbody></table></div>
  {% else %}<p class="muted">No lectures yet. Create your first session above.</p>{% endif %}
</section>
{% endblock %}