{% extends "base.html" %}
{% block title %}Classes — Admin{% endblock %}
{% block content %}
<div class="admin-page">
  <div class="page-header">
    <div>
      <h1 class="page-title">Classes</h1>
      <p class="page-sub">{{ classes|length }} classes</p>
    </div>
    <a href="{{ url_for('admin_create_class') }}" class="btn btn-primary">+ New Class</a>
  </div>

  {% if classes %}
  <div class="table-wrap">
    <table class="data-table">
      <thead>
        <tr>
          <th>Class</th>
          <th>Teacher</th>
          <th>Students</th>
          <th>Enrol Code</th>
          <th>Code Status</th>
          <th>Assign Teacher</th>
          <th>Class Status</th>
        </tr>
      </thead>
      <tbody>
        {% for c in classes %}
        <tr class="{% if not c['is_active'] %}row-inactive{% endif %}">

          <td><strong>{{ c['name'] }}</strong>
            {% if c['description'] %}<br><small class="text-muted">{{ c['description'] }}</small>{% endif %}
          </td>

          <td>{{ c['teacher_name'] or '—' }}</td>
          <td>{{ c['student_count'] }}</td>

          <!-- Enrol code display -->
          <td>
            {% if c['enrol_code'] %}
              <span class="code-display {% if not c['code_active'] %}code-inactive{% endif %}">
                {{ c['enrol_code'] }}
              </span>
            {% else %}
              <span class="text-muted">none</span>
            {% endif %}
            <form method="POST" action="{{ url_for('admin_gen_code', class_id=c['id']) }}" style="display:inline;margin-left:.4rem">
              <button type="submit" class="btn btn-sm btn-ghost" title="Generate new code">
                {% if c['enrol_code'] %}↺ Regen{% else %}+ Generate{% endif %}
              </button>
            </form>
          </td>

          <!-- Toggle code on/off -->
          <td>
            {% if c['enrol_code'] %}
            <form method="POST" action="{{ url_for('admin_toggle_code', class_id=c['id']) }}" style="display:inline">
              <button type="submit" class="btn btn-sm {% if c['code_active'] %}btn-outline{% else %}btn-ghost{% endif %}">
                {% if c['code_active'] %}
                  <span class="status-pill status-active">Active</span>
                {% else %}
                  <span class="status-pill status-inactive">Disabled</span>
                {% endif %}
              </button>
            </form>
            {% else %}
              <span class="text-muted">—</span>
            {% endif %}
          </td>

          <!-- Assign teacher -->
          <td>
            <form method="POST" action="{{ url_for('admin_assign_teacher', class_id=c['id']) }}" style="display:flex;gap:.4rem">
              <select name="teacher_id" class="filter-select" style="font-size:.8rem;padding:.25rem .5rem">
                <option value="">— none —</option>
                {% for t in teachers %}
                <option value="{{ t['id'] }}" {% if c['teacher_id']==t['id'] %}selected{% endif %}>{{ t['username'] }}</option>
                {% endfor %}
              </select>
              <button type="submit" class="btn btn-sm btn-outline">Save</button>
            </form>
          </td>

          <!-- Toggle class active -->
          <td>
            <form method="POST" action="{{ url_for('admin_toggle_class', class_id=c['id']) }}" style="display:inline">
              <button type="submit" class="btn btn-sm btn-ghost">
                {% if c['is_active'] %}Deactivate{% else %}Activate{% endif %}
              </button>
            </form>
          </td>

        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <!-- How codes work -->
  <div class="info-box" style="margin-top:1.5rem">
    <div class="info-box-title">💡 How enrol codes work</div>
    <ul class="info-box-list">
      <li>Click <strong>+ Generate</strong> to create a 6-character code for a class.</li>
      <li>Share the code with students — they enter it at <strong>Dashboard → Join Class</strong>.</li>
      <li>Click the Active/Disabled toggle to stop new students from joining without deleting the code.</li>
      <li>Click <strong>↺ Regen</strong> to issue a fresh code (old code stops working immediately).</li>
    </ul>
  </div>

  {% else %}
  <div class="empty-state">
    <div class="empty-icon">🏫</div>
    <div class="empty-title">No classes yet</div>
    <a href="{{ url_for('admin_create_class') }}" class="btn btn-primary" style="margin-top:.75rem">Create first class</a>
  </div>
  {% endif %}
</div>
{% endblock %}