{% extends "base.html" %}
{% block title %}Users — Admin{% endblock %}
{% block content %}
<div class="container-fluid py-3 px-lg-4">
  <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-4">
    <h1 class="h4 fw-bold mb-0"><i class="bi bi-people me-2"></i>User Management</h1>
    <form class="d-flex gap-2" method="get">
      <input type="text" name="q" class="form-control form-control-sm rounded-3" placeholder="Search username/email" value="{{ q }}">
      <button class="btn btn-sm btn-primary rounded-pill">Search</button>
    </form>
  </div>

  <div class="card border-0 shadow-sm rounded-4">
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead class="table-light">
          <tr>
            <th>ID</th>
            <th>User</th>
            <th>Storage</th>
            <th>Quota</th>
            <th>Status</th>
            <th>Joined</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          {% for u in pagination.items %}
          <tr>
            <td>{{ u.id }}</td>
            <td>
              <div class="fw-medium">{{ u.username }} {% if u.is_admin %}<span class="badge bg-primary">Admin</span>{% endif %}</div>
              <small class="text-muted">{{ u.email }}</small>
            </td>
            <td>{{ (u.used_storage() / 1024 / 1024)|round(1) }} MB</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 not u.is_active %}<span class="badge bg-secondary">Inactive</span>
              {% else %}<span class="badge bg-success">Active</span>{% endif %}
            </td>
            <td class="small">{{ u.created_at.strftime('%Y-%m-%d') if u.created_at else '' }}</td>
            <td><a href="{{ url_for('admin_user_detail', user_id=u.id) }}" class="btn btn-sm btn-outline-primary rounded-pill">Manage</a></td>
          </tr>
          {% else %}
          <tr><td colspan="7" class="text-center text-muted py-4">No users found</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% if pagination.pages > 1 %}
    <div class="card-footer bg-white d-flex justify-content-center gap-2">
      {% if pagination.has_prev %}
      <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('admin_users', page=pagination.prev_num, q=q) }}">Prev</a>
      {% endif %}
      <span class="align-self-center small">Page {{ pagination.page }} / {{ pagination.pages }}</span>
      {% if pagination.has_next %}
      <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('admin_users', page=pagination.next_num, q=q) }}">Next</a>
      {% endif %}
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}
{% block content_mobile %}{{ self.content() }}{% endblock %}