{% extends 'base.html' %}
{% block title %}My Classroom — Student Smart Portal{% endblock %}
{% block content %}
<section class="classroom-shell">
  <div class="classroom-intro">
    <div><h1>My Classroom <small dir="rtl" lang="ar">قاعتي الدراسية</small></h1>
      <p>College Wi-Fi connected — you are now using the <strong>local classroom server</strong>, not Cloudflare.</p></div>
    <span class="classroom-connected">● Local server connected</span>
  </div>
  <div class="classroom-help"><strong>To start an examination:</strong> Find your imported quiz and select <strong>Start &amp; Show QR</strong>. The timer begins only when you press Start. Project the QR code from the lecture-hall computer. <span lang="ar" dir="rtl">ابدأ الاختبار من الخادم المحلي فقط.</span></div>
  {% if message %}<p class="classroom-help">{{ message }}</p>{% endif %}
  <section class="classroom-panel">
    <h2>Ready to start <small lang="ar" dir="rtl">جاهز للبدء</small></h2>
    {% if ready %}
      <div class="classroom-quiz-grid">
      {% for q in ready %}
        <article class="classroom-quiz-card">
          <h3 translate="no" dir="auto">{{q.title}}</h3>
          <p>{{q.duration_minutes}} min · Revision {{q.revision}}{% if q.course_name %} · <bdi translate="no">{{q.course_name}}</bdi>{% endif %}</p>
          <form action="{{url_for('bridge.launch_quiz',quiz_id=q.id)}}" method="post" onsubmit="return confirm('Start this examination timer now?')">
            <input type="hidden" name="csrf_token" value="{{csrf_token()}}">
            <button class="classroom-action" type="submit">Start &amp; Show QR</button>
          </form>
        </article>
      {% endfor %}
      </div>
    {% else %}<p class="classroom-empty">No imported, unlaunched quizzes are available for this account. A quiz must be marked <strong>Ready</strong> in Cloudflare and transferred to this server before it can start.</p>{% endif %}
  </section>
  {% if active %}<section class="classroom-panel"><h2>Already started / Recent examinations</h2><div class="classroom-quiz-grid">
    {% for q in active %}<article class="classroom-quiz-card"><h3 translate="no" dir="auto">{{q.title}}</h3><p>{{'In progress' if not q.closed and q.closes_at>now else 'Completed'}} </p><a class="classroom-action classroom-link" href="{{url_for('quiz.quiz_detail',quiz_id=q.id)}}">Open quiz / Show QR</a></article>{% endfor %}
  </div></section>{% endif %}
  <section class="classroom-panel">
    <p><a class="smart-action secondary" href="/phone-sync">Import a ready quiz from your phone</a></p>
    <h2>Missing a quiz? <small lang="ar" dir="rtl">اختبار غير موجود؟</small></h2>
    <p>Quizzes created at home are stored in Cloudflare. They appear here after this classroom server synchronizes with the cloud.</p>
    {% if can_refresh %}
      <p>If the server laptop has temporary internet through Wi-Fi or mobile hotspot, you can refresh <strong>your own ready quizzes</strong>.</p>
      <form action="{{url_for('bridge.classroom_refresh')}}" method="post">
        <input type="hidden" name="csrf_token" value="{{csrf_token()}}">
        <button class="classroom-action" type="submit">Refresh My Quizzes from Cloud</button>
      </form>
    {% else %}
      <p><strong>Ask the administrator to run Synchronize Now</strong>. Your local account must be linked to your approved Cloudflare staff account before individual refresh is available.</p>
      {% if actor.role=='admin' %}<a href="{{url_for('bridge.bridge_home')}}" class="classroom-action classroom-link">Open Administration Sync</a>{% endif %}
    {% endif %}
    <p class="classroom-muted">Last local synchronization: {{last_sync or 'Not yet synchronized'}}. When the server laptop is offline, it cannot download new quizzes from Cloudflare until connected to the internet.</p>
  </section>
</section>
{% endblock %}