{% extends "base.html" %}
{% from "components/pagination.html" import render_pagination %}
{% from "components/empty_state.html" import empty_state %}

{% block title %}Audit Logs · Admin{% endblock %}

{% set category_badge = {'premium': 'warning', 'listing': 'primary', 'advertisement': 'info', 'user': 'secondary', 'bulk': 'dark', 'reward': 'success', 'report': 'danger'} %}

{% macro card(label, value, icon, color) %}
  <div class="col-6 col-md-4 col-xl-2">
    <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">{{ value }}</div>
        <div class="admin-metric-label">{{ label }}</div>
      </div>
    </div>
  </div>
{% endmacro %}

{% block content %}
<div class="admin-page">
  <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
    <div>
      <h1 class="page-title mb-1">Audit Logs</h1>
      <p class="text-muted mb-0">Append-only, read-only trail of every administrative action.</p>
    </div>
    <a class="btn btn-outline-secondary" href="{{ url_for('admin.analytics') }}"><i class="bi bi-graph-up-arrow me-1"></i> Analytics</a>
  </div>

  {# ---------- Summary ---------- #}
  {% set s = summary %}
  <div class="row g-3 mb-4">
    {{ card('Total Events', "{:,}".format(s.total_events), 'bi-list-columns-reverse', 'primary') }}
    {{ card('Today', "{:,}".format(s.today_events), 'bi-calendar-day-fill', 'info') }}
    {{ card('Premium', "{:,}".format(s.premium_actions), 'bi-star-fill', 'warning') }}
    {{ card('Listing', "{:,}".format(s.listing_actions), 'bi-box-seam-fill', 'primary') }}
    {{ card('Advertisement', "{:,}".format(s.advertisement_actions), 'bi-megaphone-fill', 'info') }}
    {{ card('Bulk', "{:,}".format(s.bulk_actions), 'bi-collection-fill', 'secondary') }}
  </div>

  {# ---------- Filters (sticky) ---------- #}
  <form method="get" action="{{ url_for('admin.audit_logs') }}" class="admin-filters card border-0 shadow-sm mb-3">
    <div class="card-body">
      <div class="row g-2 align-items-end">
        <div class="col-md-3">
          <label class="form-label small mb-1" for="auditSearch">Search</label>
          <input id="auditSearch" class="form-control" type="search" name="q" value="{{ q }}" placeholder="Entity, ID or admin email">
        </div>
        <div class="col-6 col-md-2">
          <label class="form-label small mb-1" for="fAdmin">Administrator</label>
          <select id="fAdmin" class="form-select" name="admin">
            {% for val, lbl in admin_options %}<option value="{{ val }}" {{ 'selected' if admin == val }}>{{ lbl }}</option>{% endfor %}
          </select>
        </div>
        <div class="col-6 col-md-2">
          <label class="form-label small mb-1" for="fAction">Action</label>
          <select id="fAction" class="form-select" name="action">
            {% for val, lbl in action_options %}<option value="{{ val }}" {{ 'selected' if action == val }}>{{ lbl }}</option>{% endfor %}
          </select>
        </div>
        <div class="col-6 col-md-2">
          <label class="form-label small mb-1" for="fType">Entity type</label>
          <select id="fType" class="form-select" name="entity_type">
            {% for val, lbl in entity_type_options %}<option value="{{ val }}" {{ 'selected' if entity_type == val }}>{{ lbl }}</option>{% endfor %}
          </select>
        </div>
        <div class="col-6 col-md-1">
          <label class="form-label small mb-1" for="fSort">Sort</label>
          <select id="fSort" class="form-select" name="sort">
            {% for val, lbl in sort_options %}<option value="{{ val }}" {{ 'selected' if sort == val }}>{{ lbl }}</option>{% endfor %}
          </select>
        </div>
        <div class="col-6 col-md-2">
          <label class="form-label small mb-1" for="fFrom">From</label>
          <input id="fFrom" class="form-control" type="date" name="date_from" value="{{ date_from }}">
        </div>
        <div class="col-6 col-md-2">
          <label class="form-label small mb-1" for="fTo">To</label>
          <input id="fTo" class="form-control" type="date" name="date_to" value="{{ date_to }}">
        </div>
        <div class="col-6 col-md-2 d-grid">
          <button type="submit" class="btn btn-primary"><i class="bi bi-funnel me-1"></i> Filter</button>
        </div>
        <div class="col-6 col-md-2 d-grid">
          <a class="btn btn-outline-secondary" href="{{ url_for('admin.audit_logs') }}">Reset</a>
        </div>
      </div>
    </div>
  </form>

  {# ---------- Table ---------- #}
  <div class="card border-0 shadow-sm">
    <div class="table-responsive">
      <table class="table admin-table align-middle mb-0">
        <thead>
          <tr>
            <th style="width:2.5rem"></th>
            <th>Timestamp</th><th>Administrator</th><th>Action</th>
            <th>Entity Type</th><th>Entity Name</th><th>Public ID</th><th>Summary</th>
          </tr>
        </thead>
        <tbody>
          {% for r in rows %}
            {% set is_highlight = highlight and (r.id|string == highlight) %}
            <tr class="admin-audit-row {{ 'table-active' if is_highlight }}"
                role="button" data-bs-toggle="collapse" data-bs-target="#audit-{{ r.id }}" aria-expanded="{{ 'true' if is_highlight else 'false' }}">
              <td class="text-center"><i class="bi bi-chevron-right admin-audit-caret" aria-hidden="true"></i></td>
              <td class="text-nowrap"><time data-relative datetime="{{ r.created_at.isoformat() }}">{{ r.created_at.strftime('%d %b %Y %H:%M') }}</time></td>
              <td>
                <div class="min-w-0">
                  <span class="d-block text-truncate fw-semibold">{{ r.admin_name }}</span>
                  <span class="text-muted small">{{ r.admin_email }}</span>
                </div>
              </td>
              <td><span class="badge text-bg-{{ category_badge.get(r.category, 'secondary') }}">{{ r.label }}</span></td>
              <td>{% if r.entity_type %}<span class="text-capitalize">{{ r.entity_type }}</span>{% else %}<span class="text-muted">—</span>{% endif %}</td>
              <td class="text-truncate" style="max-width: 14rem">{{ r.entity_name or '—' }}</td>
              <td>{% if r.entity_public_id %}<code class="small">{{ r.entity_public_id[:8] }}</code>{% else %}<span class="text-muted">—</span>{% endif %}</td>
              <td class="text-muted small text-truncate" style="max-width: 16rem">
                {% for k, v in r.details.items() %}{{ k }}: {{ v }}{% if not loop.last %} · {% endif %}{% endfor %}
              </td>
            </tr>
            {# Expandable detail row (read-only) #}
            <tr class="admin-audit-detail-row">
              <td colspan="8" class="p-0 border-0">
                <div id="audit-{{ r.id }}" class="collapse {{ 'show' if is_highlight }}">
                  <div class="admin-audit-detail p-3">
                    <div class="row g-3">
                      <div class="col-md-6">
                        <dl class="row small mb-0">
                          <dt class="col-5 text-muted fw-normal">Administrator</dt><dd class="col-7">{{ r.admin_name }} ({{ r.admin_email }})</dd>
                          <dt class="col-5 text-muted fw-normal">Action</dt><dd class="col-7">{{ r.label }} <code class="small">{{ r.action }}</code></dd>
                          <dt class="col-5 text-muted fw-normal">Timestamp</dt><dd class="col-7">{{ r.created_at.strftime('%d %b %Y, %H:%M:%S') }} UTC</dd>
                          <dt class="col-5 text-muted fw-normal">Entity</dt><dd class="col-7">{{ (r.entity_type or '—')|capitalize }}{% if r.entity_name %} · {{ r.entity_name }}{% endif %}</dd>
                          {% if r.entity_public_id %}<dt class="col-5 text-muted fw-normal">Entity Public ID</dt><dd class="col-7"><code class="small">{{ r.entity_public_id }}</code></dd>{% endif %}
                        </dl>
                      </div>
                      <div class="col-md-6">
                        <dl class="row small mb-0">
                          <dt class="col-5 text-muted fw-normal">IP hash</dt><dd class="col-7"><code class="small text-break">{{ r.ip_hash or '—' }}</code></dd>
                          <dt class="col-5 text-muted fw-normal">User-agent hash</dt><dd class="col-7"><code class="small text-break">{{ r.user_agent_hash or '—' }}</code></dd>
                        </dl>
                      </div>
                      <div class="col-12">
                        <span class="text-muted small d-block mb-1">Full details</span>
                        <pre class="admin-audit-json mb-0">{{ r.details | tojson(indent=2) }}</pre>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
            </tr>
          {% else %}
            <tr>
              <td colspan="8" class="p-0">
                {{ empty_state('bi-shield-check', 'No audit events found.',
                     'Administrative actions will be recorded here as they happen.',
                     reset_label='Reset filters', reset_url=url_for('admin.audit_logs'), compact=true) }}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

  {{ render_pagination(pagination, 'admin.audit_logs', filter_args) }}
</div>
{% endblock %}