{% extends "base.html" %}
{% block title %}Teachers — Admin{% endblock %}
{% block content %}
<div class="admin-page">
  <div class="page-header">
    <div>
      <h1 class="page-title">Teachers</h1>
      <p class="page-sub">{{ teachers|length }} teacher accounts</p>
    </div>
    <a href="{{ url_for('admin_create_teacher') }}" class="btn btn-primary">+ New Teacher</a>
  </div>

  {% if teachers %}
  <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 t in teachers %}
        <tr class="{% if not t['is_active'] %}row-inactive{% endif %}">
          <td><strong>{{ t['username'] }}</strong></td>
          <td>{{ t['email'] }}</td>
          <td>{{ t['created_at'][:10] }}</td>
          <td>
            {% if t['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_teacher', teacher_id=t['id']) }}" style="display:inline">
              <button type="submit" class="btn btn-sm {% if t['is_active'] %}btn-ghost{% else %}btn-outline{% endif %}">
                {% if t['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 teachers yet</div>
    <a href="{{ url_for('admin_create_teacher') }}" class="btn btn-primary" style="margin-top:.75rem">Create first teacher</a>
  </div>
  {% endif %}
</div>
{% endblock %}