{% extends "base.html" %}
{% block title %}Admin Dashboard — Python 108{% endblock %}
{% block content %}
<div class="admin-page">

  <div class="page-header">
    <div>
      <h1 class="page-title">Admin Dashboard</h1>
      <p class="page-sub">Site-wide overview · Python 108</p>
    </div>
  </div>

  <!-- Site stats -->
  <div class="stats-row" style="margin-bottom:2rem">
    <div class="stat-card">
      <div class="stat-val">{{ stats.students }}</div>
      <div class="stat-lbl">Students</div>
    </div>
    <div class="stat-card">
      <div class="stat-val">{{ stats.teachers }}</div>
      <div class="stat-lbl">Teachers</div>
    </div>
    <div class="stat-card">
      <div class="stat-val">{{ stats.classes }}</div>
      <div class="stat-lbl">Classes</div>
    </div>
    <div class="stat-card">
      <div class="stat-val">{{ stats.completions }}</div>
      <div class="stat-lbl">Completions</div>
    </div>
  </div>

  <div class="admin-grid">

    <!-- Quick actions -->
    <div class="section-block">
      <h2 class="section-heading">Quick Actions</h2>
      <div class="quick-actions">
        <a href="{{ url_for('admin_create_teacher') }}" class="btn btn-primary">+ New Teacher</a>
        <a href="{{ url_for('admin_create_class') }}"   class="btn btn-primary">+ New Class</a>
        <a href="{{ url_for('admin_import') }}"         class="btn btn-primary">⬆ Import Students</a>
        <a href="{{ url_for('admin_teachers') }}"       class="btn btn-outline">Manage Teachers</a>
        <a href="{{ url_for('admin_classes') }}"        class="btn btn-outline">Manage Classes</a>
        <a href="{{ url_for('admin_students') }}"       class="btn btn-outline">Manage Students</a>
      </div>
    </div>

    <!-- Top students -->
    <div class="section-block">
      <h2 class="section-heading">Top Students (site-wide)</h2>
      {% if top_students %}
      <div class="table-wrap">
        <table class="data-table">
          <thead><tr><th>Rank</th><th>Student</th><th>Programs done</th><th>Progress</th></tr></thead>
          <tbody>
            {% for s in top_students %}
            <tr>
              <td class="td-rank">
                {% if loop.index==1 %}🥇{% elif loop.index==2 %}🥈{% elif loop.index==3 %}🥉
                {% else %}{{ loop.index }}{% endif %}
              </td>
              <td>{{ s['username'] }}</td>
              <td><span class="pill-num">{{ s['prog_done'] }}/108</span></td>
              <td>
                <div class="mini-bar-track">
                  <div class="mini-bar-fill" style="width:{{ s['pct'] }}%"></div>
                </div>
                <span class="mini-pct">{{ s['pct'] }}%</span>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% else %}
      <div class="empty-state">
        <div class="empty-title">No student activity yet</div>
      </div>
      {% endif %}
    </div>

    <!-- Classes summary -->
    <div class="section-block">
      <h2 class="section-heading">All Classes</h2>
      {% if classes %}
      <div class="table-wrap">
        <table class="data-table">
          <thead><tr><th>Class</th><th>Teacher</th><th>Students</th><th>Status</th><th></th></tr></thead>
          <tbody>
            {% for c in classes %}
            <tr class="{% if not c['is_active'] %}row-inactive{% endif %}">
              <td><strong>{{ c['name'] }}</strong></td>
              <td>{{ c['teacher_name'] or '—' }}</td>
              <td>{{ c['student_count'] }}</td>
              <td>
                {% if c['is_active'] %}
                <span class="status-pill status-active">Active</span>
                {% else %}
                <span class="status-pill status-inactive">Inactive</span>
                {% endif %}
              </td>
              <td><a href="{{ url_for('admin_classes') }}" class="btn btn-sm btn-ghost">Manage</a></td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% else %}
      <p class="empty-note">No classes yet. <a href="{{ url_for('admin_create_class') }}">Create one →</a></p>
      {% endif %}
    </div>

  </div>
</div>
{% endblock %}