{% extends "base.html" %}
{% block title %}Students — Admin{% endblock %}
{% block content %}
<div class="admin-page">
  <div class="page-header">
    <div>
      <h1 class="page-title">Students</h1>
      <p class="page-sub">{{ students|length }} registered students</p>
    </div>
  </div>

  <!-- Unassigned students -->
  {% if unassigned %}
  <div class="section-block alert-block">
    <h2 class="section-heading">⚠ Unassigned Students ({{ unassigned|length }})</h2>
    <p class="section-sub" style="margin-bottom:1rem">These students have no class yet. Assign them below.</p>
    <div class="table-wrap">
      <table class="data-table">
        <thead><tr><th>Username</th><th>Email</th><th>Assign to Class</th></tr></thead>
        <tbody>
          {% for s in unassigned %}
          <tr>
            <td><strong>{{ s['username'] }}</strong></td>
            <td>{{ s['email'] }}</td>
            <td>
              <form method="POST" action="{{ url_for('admin_assign_student') }}" style="display:flex;gap:.4rem">
                <input type="hidden" name="student_id" value="{{ s['id'] }}">
                <select name="class_id" class="filter-select" style="font-size:.8rem;padding:.25rem .5rem" required>
                  <option value="">Select class…</option>
                  {% for c in classes %}
                  {% if c['is_active'] %}
                  <option value="{{ c['id'] }}">{{ c['name'] }}</option>
                  {% endif %}
                  {% endfor %}
                </select>
                <button type="submit" class="btn btn-sm btn-primary">Assign</button>
              </form>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  {% endif %}

  <!-- All students -->
  <div class="section-block">
    <h2 class="section-heading">All Students</h2>
    {% if students %}
    <div class="table-wrap">
      <table class="data-table">
        <thead>
          <tr><th>Username</th><th>Email</th><th>Joined</th><th>Status</th><th>Actions</th></tr>
        </thead>
        <tbody>
          {% for s in students %}
          <tr class="{% if not s['is_active'] %}row-inactive{% endif %}">
            <td><strong>{{ s['username'] }}</strong></td>
            <td>{{ s['email'] }}</td>
            <td>{{ s['created_at'][:10] }}</td>
            <td>
              {% if s['is_active'] %}
              <span class="status-pill status-active">Active</span>
              {% else %}
              <span class="status-pill status-inactive">Inactive</span>
              {% endif %}
            </td>
            <td>
              <form method="POST" action="{{ url_for('admin_toggle_student', student_id=s['id']) }}" style="display:inline">
                <button type="submit" class="btn btn-sm btn-ghost">
                  {% if s['is_active'] %}Deactivate{% else %}Activate{% endif %}
                </button>
              </form>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <div class="empty-state">
      <div class="empty-icon">🎓</div>
      <div class="empty-title">No students registered yet</div>
    </div>
    {% endif %}
  </div>

</div>
{% endblock %}