{% extends "base.html" %}
{% block title %}Admin — {{ site_name }}{% endblock %}

{% block content %}
<div class="container-fluid py-3 px-lg-4">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <div>
      <h1 class="h3 fw-bold mb-0"><i class="bi bi-shield-lock-fill text-primary me-2"></i>Admin Control Center</h1>
      <p class="text-muted small mb-0">Full system overview & management</p>
    </div>
    <a href="{{ url_for('dashboard') }}" class="btn btn-outline-secondary btn-sm rounded-pill">← User View</a>
  </div>

  <!-- Stats Cards -->
  <div class="row g-3 mb-4">
    <div class="col-6 col-md-3">
      <div class="card border-0 shadow-sm rounded-4 h-100">
        <div class="card-body">
          <div class="text-muted small">Total Users</div>
          <div class="fs-3 fw-bold">{{ total_users }}</div>
        </div>
      </div>
    </div>
    <div class="col-6 col-md-3">
      <div class="card border-0 shadow-sm rounded-4 h-100">
        <div class="card-body">
          <div class="text-muted small">Active Users</div>
          <div class="fs-3 fw-bold text-success">{{ active_users }}</div>
        </div>
      </div>
    </div>
    <div class="col-6 col-md-3">
      <div class="card border-0 shadow-sm rounded-4 h-100">
        <div class="card-body">
          <div class="text-muted small">Banned</div>
          <div class="fs-3 fw-bold text-danger">{{ banned_users }}</div>
        </div>
      </div>
    </div>
    <div class="col-6 col-md-3">
      <div class="card border-0 shadow-sm rounded-4 h-100">
        <div class="card-body">
          <div class="text-muted small">Total Storage Used</div>
          <div class="fs-4 fw-bold">{{ (total_storage / 1024 / 1024)|round(1) }} MB</div>
          <small class="text-muted">{{ total_files }} files</small>
        </div>
      </div>
    </div>
  </div>

  <div class="row g-4">
    <div class="col-lg-7">
      <div class="card border-0 shadow-sm rounded-4">
        <div class="card-header bg-white border-0 pt-3">
          <h2 class="h6 mb-0">Recent Users</h2>
        </div>
        <div class="card-body p-0">
          <div class="table-responsive">
            <table class="table table-hover mb-0">
              <thead class="table-light">
                <tr>
                  <th>User</th>
                  <th>Quota</th>
                  <th>Status</th>
                  <th></th>
                </tr>
              </thead>
              <tbody>
                {% for u in recent_users %}
                <tr>
                  <td>
                    <div class="fw-medium">{{ u.username }}</div>
                    <small class="text-muted">{{ u.email }}</small>
                  </td>
                  <td>{{ ((u.storage_quota or 0) / 1024 / 1024)|round(0)|int }} MB</td>
                  <td>
                    {% if u.is_banned %}<span class="badge bg-danger">Banned</span>
                    {% elif u.is_admin %}<span class="badge bg-primary">Admin</span>
                    {% else %}<span class="badge bg-success">Active</span>{% endif %}
                  </td>
                  <td><a href="{{ url_for('admin_user_detail', user_id=u.id) }}" class="btn btn-sm btn-outline-primary">Manage</a></td>
                </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        </div>
        <div class="card-footer bg-white border-0">
          <a href="{{ url_for('admin_users') }}" class="btn btn-sm btn-primary rounded-pill">All Users →</a>
        </div>
      </div>
    </div>

    <div class="col-lg-5">
      <div class="card border-0 shadow-sm rounded-4 mb-3">
        <div class="card-header bg-white border-0 pt-3 d-flex justify-content-between">
          <h2 class="h6 mb-0">Quick Links</h2>
        </div>
        <div class="card-body d-grid gap-2">
          <a href="{{ url_for('admin_users') }}" class="btn btn-outline-primary rounded-3 text-start"><i class="bi bi-people me-2"></i>Manage Users & Quotas</a>
          <a href="{{ url_for('admin_banners') }}" class="btn btn-outline-primary rounded-3 text-start"><i class="bi bi-badge-ad me-2"></i>Promo Banners</a>
          <a href="{{ url_for('admin_settings') }}" class="btn btn-outline-primary rounded-3 text-start"><i class="bi bi-gear me-2"></i>Site Settings</a>
          <a href="{{ url_for('admin_logs') }}" class="btn btn-outline-secondary rounded-3 text-start"><i class="bi bi-journal-text me-2"></i>Audit Logs</a>
        </div>
      </div>

      <div class="card border-0 shadow-sm rounded-4">
        <div class="card-header bg-white border-0 pt-3">
          <h2 class="h6 mb-0">Recent Activity</h2>
        </div>
        <ul class="list-group list-group-flush small">
          {% for log in recent_logs %}
          <li class="list-group-item d-flex justify-content-between">
            <span><code>{{ log.action }}</code> {% if log.details %}<span class="text-muted">{{ log.details[:40] }}</span>{% endif %}</span>
            <span class="text-muted">{{ log.created_at.strftime('%m-%d %H:%M') if log.created_at else '' }}</span>
          </li>
          {% else %}
          <li class="list-group-item text-muted">No activity yet</li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>
</div>
{% endblock %}
{% block content_mobile %}{{ self.content() }}{% endblock %}