{% extends "base.html" %}

{% block title %}{{ detail.summary and account.email }} · User · Admin{% endblock %}

{% set profile = account.profile %}
{% set name = profile.full_name if profile else account.email.split('@')[0] %}

{% block content %}
<div class="admin-page">
  <a class="premium-back" href="{{ url_for('admin.users') }}"><i class="bi bi-arrow-left"></i> Back to users</a>

  {# ---------- Header ---------- #}
  <div class="card border-0 shadow-sm mb-4">
    <div class="card-body p-4">
      <div class="d-flex flex-wrap align-items-center gap-3">
        <span class="admin-user-avatar admin-user-avatar-lg">
          {% if profile and profile.profile_picture %}<img src="{{ url_for('auth.profile_picture', filename=profile.profile_picture) }}" alt="">
          {% else %}{{ name[0]|upper }}{% endif %}
        </span>
        <div class="flex-grow-1 min-w-0">
          <div class="d-flex flex-wrap align-items-center gap-2 mb-1">
            <h1 class="h4 fw-bold mb-0">{{ name }}</h1>
            <span class="badge {{ 'text-bg-dark' if is_super_admin else 'text-bg-light' }}">{{ 'Admin' if is_super_admin else 'Student' }}</span>
            {% if detail.is_premium %}<span class="badge text-bg-warning">Premium</span>{% endif %}
            <span class="badge status-{{ account.account_status.value }}">{{ account.account_status.value|title }}</span>
            {% if account.email_verified %}
              <span class="badge text-bg-success"><i class="bi bi-patch-check-fill me-1"></i>Email Verified</span>
            {% else %}
              <span class="badge text-bg-secondary"><i class="bi bi-envelope-exclamation me-1"></i>Email Not Verified</span>
            {% endif %}
          </div>
          <p class="text-muted mb-0">{{ account.email }}</p>
          <p class="text-muted small mb-0">Joined {{ account.created_at.strftime('%d %b %Y') }}
            {% if account.last_login %} · Last login {{ account.last_login.strftime('%d %b %Y') }}{% endif %}
            {% if account.email_verified and account.verified_at %} · Verified {{ account.verified_at.strftime('%d %b %Y') }}{% endif %}</p>
        </div>
      </div>

      {# ---------- Quick actions ---------- #}
      <div class="d-flex flex-wrap gap-2 mt-3">
        <a class="btn btn-sm btn-outline-primary" href="{{ url_for('auth.public_profile', public_id=account.public_id) }}">
          <i class="bi bi-person me-1"></i> View Public Profile
        </a>

        {% if detail.is_premium %}
          <form method="post" action="{{ url_for('admin.remove_premium', public_id=account.public_id) }}" onsubmit="return confirm('Remove Premium from {{ account.email|e }}?');">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button class="btn btn-sm btn-outline-warning"><i class="bi bi-star-fill me-1"></i> Remove Premium</button>
          </form>
        {% else %}
          <form method="post" action="{{ url_for('admin.grant_premium', public_id=account.public_id) }}" onsubmit="return confirm('Grant Premium to {{ account.email|e }}?');">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button class="btn btn-sm btn-warning"><i class="bi bi-star me-1"></i> Grant Premium</button>
          </form>
        {% endif %}

        {% if account.account_status.value == 'suspended' %}
          <form method="post" action="{{ url_for('admin.reactivate_user', public_id=account.public_id) }}">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button class="btn btn-sm btn-success"><i class="bi bi-check-circle me-1"></i> Reactivate Account</button>
          </form>
        {% elif not is_self and not is_super_admin %}
          <form method="post" action="{{ url_for('admin.suspend_user', public_id=account.public_id) }}" onsubmit="return confirm('Suspend {{ account.email|e }}?');">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button class="btn btn-sm btn-outline-danger"><i class="bi bi-slash-circle me-1"></i> Suspend Account</button>
          </form>
        {% endif %}

        <button class="btn btn-sm btn-outline-secondary" disabled title="Coming soon">
          <i class="bi bi-key me-1"></i> Reset Password
        </button>
      </div>
    </div>
  </div>

  {# ---------- Summary stats ---------- #}
  {% set sm = detail.summary %}
  <div class="row g-3 mb-4">
    {% for label, value, icon, color in [
      ('Listings', sm.total_listings, 'bi-box-seam-fill', 'primary'),
      ('Active', sm.active_listings, 'bi-bag-check-fill', 'success'),
      ('Featured', sm.featured_listings, 'bi-stars', 'warning'),
      ('Views', sm.total_views, 'bi-eye-fill', 'info'),
      ('Favorites', sm.total_favorites, 'bi-heart-fill', 'danger'),
      ('Offers', sm.total_offers, 'bi-tag-fill', 'secondary'),
      ('Chats', sm.total_conversations, 'bi-chat-dots-fill', 'primary')
    ] %}
      <div class="col-6 col-md-4 col-xl">
        <div class="card admin-metric-card h-100 border-0 shadow-sm">
          <div class="card-body">
            <span class="admin-metric-icon text-bg-{{ color }}-subtle text-{{ color }}"><i class="bi {{ icon }}"></i></span>
            <div class="admin-metric-value">{{ "{:,}".format(value) }}</div>
            <div class="admin-metric-label">{{ label }}</div>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>

  {# ---------- Trust & safety: reports against this seller ---------- #}
  {% set rc = detail.report_counts %}
  <div class="d-flex flex-wrap align-items-center gap-2 mb-4">
    <span class="admin-section-title mb-0 me-2">Reports</span>
    <a class="btn btn-sm {{ 'btn-danger' if rc.open else 'btn-outline-secondary' }}"
       href="{{ url_for('admin.reports', seller=account.public_id, status='pending') }}">
      <i class="bi bi-flag-fill me-1"></i> {{ rc.open }} Open
    </a>
    <a class="btn btn-sm btn-outline-secondary"
       href="{{ url_for('admin.reports', seller=account.public_id, status='resolved') }}">
      <i class="bi bi-check-circle me-1"></i> {{ rc.resolved }} Resolved
    </a>
  </div>

  <div class="row g-4">
    {# ---------- Premium + subscription history ---------- #}
    <div class="col-lg-6">
      <div class="card border-0 shadow-sm h-100">
        <div class="card-header border-0 px-4 py-3"><h2 class="h6 mb-0">Premium &amp; subscriptions</h2></div>
        <div class="card-body p-4">
          {% if detail.subscription_active %}
            <p class="mb-3"><span class="badge text-bg-success">Active</span>
              {{ detail.subscription_active.plan_name|title }} · until
              <strong>{{ detail.subscription_active.end_date.strftime('%d %b %Y') }}</strong>
              ({{ detail.days_remaining }} day{{ '' if detail.days_remaining == 1 else 's' }} left)</p>
          {% else %}
            <p class="text-muted mb-3">No active premium subscription.</p>
          {% endif %}
          {% if detail.subscription_history %}
            <div class="table-responsive">
              <table class="table table-sm align-middle mb-0">
                <thead><tr><th>Plan</th><th>Status</th><th>Start</th><th>End</th></tr></thead>
                <tbody>
                  {% for sub in detail.subscription_history %}
                    <tr>
                      <td>{{ sub.plan_name|title }}</td>
                      <td><span class="badge text-bg-{{ 'success' if sub.status.value == 'active' else ('danger' if sub.status.value == 'expired' else 'secondary') }}">{{ sub.status.value|title }}</span></td>
                      <td class="text-nowrap">{{ sub.start_date.strftime('%d %b %Y') }}</td>
                      <td class="text-nowrap">{{ sub.end_date.strftime('%d %b %Y') }}</td>
                    </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          {% else %}
            <p class="text-muted small mb-0">No subscription history.</p>
          {% endif %}
        </div>
      </div>
    </div>

    {# ---------- Recent activity ---------- #}
    <div class="col-lg-6">
      <div class="card border-0 shadow-sm h-100">
        <div class="card-header border-0 px-4 py-3"><h2 class="h6 mb-0">Recent activity</h2></div>
        <div class="card-body p-3">
          {% if detail.recent_activity %}
            <ul class="analytics-timeline">
              {% for a in detail.recent_activity %}
                <li class="analytics-timeline-item">
                  <span class="analytics-timeline-ico"><i class="bi {{ a.icon }}"></i></span>
                  <div>
                    <p class="analytics-timeline-text mb-0">{{ a.text }}</p>
                    <time class="analytics-timeline-time" data-relative datetime="{{ a.timestamp.isoformat() }}">{{ a.timestamp.strftime('%d %b %Y') }}</time>
                  </div>
                </li>
              {% endfor %}
            </ul>
          {% else %}
            <p class="text-muted text-center py-4 mb-0">No recent activity.</p>
          {% endif %}
        </div>
      </div>
    </div>
  </div>

  {# ---------- Listings ---------- #}
  {% if detail.listings %}
    <h2 class="admin-section-title mt-4">Recent listings</h2>
    <div class="row g-3">
      {% for l in detail.listings %}
        <div class="col-6 col-md-4 col-xl-2">
          <a class="card border-0 shadow-sm h-100 text-decoration-none" href="{{ url_for('marketplace.listing_detail', public_id=l.public_id) }}">
            <div class="admin-listing-thumb">
              {% if l.images %}<img src="{{ url_for('marketplace.listing_image', filename=l.images[0].image_path) }}" alt="">{% else %}<i class="bi bi-image"></i>{% endif %}
            </div>
            <div class="card-body p-2">
              <div class="small fw-semibold text-truncate">{{ l.title }}</div>
              <div class="text-muted small">&#8377;{{ "{:,.0f}".format(l.price) }} · <span class="badge status-{{ l.status.value }}">{{ l.status.value|title }}</span></div>
            </div>
          </a>
        </div>
      {% endfor %}
    </div>
  {% endif %}
</div>
{% endblock %}