{% extends "base.html" %}
{% block title %}{{ user.username }} — Admin{% endblock %}
{% block content %}
<div class="container-fluid py-3 px-lg-4" style="max-width: 900px;">
  <a href="{{ url_for('admin_users') }}" class="btn btn-sm btn-outline-secondary rounded-pill mb-3">← Back to users</a>

  <div class="card border-0 shadow-sm rounded-4 mb-4">
    <div class="card-body">
      <div class="d-flex justify-content-between align-items-start">
        <div>
          <h1 class="h4 fw-bold">{{ user.username }}</h1>
          <p class="text-muted mb-1">{{ user.email }}</p>
          <p class="small mb-0">Joined {{ user.created_at.strftime('%Y-%m-%d %H:%M') if user.created_at else '—' }}</p>
        </div>
        <div>
          {% if user.is_banned %}<span class="badge bg-danger fs-6">Banned</span>
          {% elif user.is_admin %}<span class="badge bg-primary fs-6">Admin</span>
          {% else %}<span class="badge bg-success fs-6">Active</span>{% endif %}
        </div>
      </div>
    </div>
  </div>

  <div class="row g-3 mb-4">
    <div class="col-md-4">
      <div class="card border-0 shadow-sm rounded-4 h-100">
        <div class="card-body">
          <div class="text-muted small">Used Storage</div>
          <div class="fs-4 fw-bold">{{ (used / 1024 / 1024)|round(2) }} MB</div>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card border-0 shadow-sm rounded-4 h-100">
        <div class="card-body">
          <div class="text-muted small">Quota</div>
          <div class="fs-4 fw-bold">{{ ((user.storage_quota or 0) / 1024 / 1024)|round(0)|int }} MB</div>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card border-0 shadow-sm rounded-4 h-100">
        <div class="card-body">
          <div class="text-muted small">Files</div>
          <div class="fs-4 fw-bold">{{ files_count }}</div>
        </div>
      </div>
    </div>
  </div>

  <!-- Quota Control -->
  <div class="card border-0 shadow-sm rounded-4 mb-3">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Storage Quota</h2>
      <form method="post" class="row g-2 align-items-end">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <input type="hidden" name="action" value="update_quota">
        <div class="col-auto">
          <label class="form-label small">Quota (MB)</label>
          <input type="number" name="quota_mb" class="form-control" value="{{ ((user.storage_quota or 0) / 1024 / 1024)|round(0)|int }}" min="0" step="50">
        </div>
        <div class="col-auto">
          <button class="btn btn-primary rounded-pill">Update Quota</button>
        </div>
      </form>
      <p class="small text-muted mt-2 mb-0">Examples: 500 = 500 MB, 1024 = 1 GB, 5120 = 5 GB</p>
    </div>
  </div>

  <!-- Actions -->
  <div class="card border-0 shadow-sm rounded-4 mb-3">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Account Actions</h2>
      <div class="d-flex flex-wrap gap-2">
        <form method="post">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <input type="hidden" name="action" value="toggle_ban">
          <button class="btn btn-{{ 'success' if user.is_banned else 'danger' }} rounded-pill">
            {{ 'Unban User' if user.is_banned else 'Ban User' }}
          </button>
        </form>
        <form method="post">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <input type="hidden" name="action" value="toggle_active">
          <button class="btn btn-outline-secondary rounded-pill">
            {{ 'Activate' if not user.is_active else 'Deactivate' }}
          </button>
        </form>
        {% if not user.is_admin %}
        <form method="post">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <input type="hidden" name="action" value="make_admin">
          <button class="btn btn-outline-primary rounded-pill">Make Admin</button>
        </form>
        {% elif user.id != current_user.id %}
        <form method="post">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <input type="hidden" name="action" value="remove_admin">
          <button class="btn btn-outline-warning rounded-pill">Remove Admin</button>
        </form>
        {% endif %}
      </div>
    </div>
  </div>

  <!-- Notes -->
  <div class="card border-0 shadow-sm rounded-4">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Admin Notes</h2>
      <form method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <input type="hidden" name="action" value="notes">
        <textarea name="notes" class="form-control rounded-3 mb-2" rows="3">{{ user.notes or '' }}</textarea>
        <button class="btn btn-primary btn-sm rounded-pill">Save Notes</button>
      </form>
    </div>
  </div>
</div>
{% endblock %}
{% block content_mobile %}{{ self.content() }}{% endblock %}