{% extends 'base.html' %}
{% block title %}Audit Log{% endblock %}
{% block content %}

<div class="page-header">
  <div class="page-title">Audit Log <small>System activity trail – {{ total }} events total</small></div>
  <a href="{{ url_for('admin_users') }}" class="btn btn-outline-secondary btn-sm">← Users</a>
</div>

<div class="card">
  <div class="table-wrap">
    <table>
      <thead><tr>
        <th>Time</th><th>User</th><th>Action</th><th>Entity</th><th>Detail</th><th>IP</th>
      </tr></thead>
      <tbody>
      {% for log in logs %}
      <tr>
        <td class="text-sm text-muted" style="font-family:'IBM Plex Mono',monospace;white-space:nowrap">{{ log.ts[:16] if log.ts else '–' }}</td>
        <td style="font-weight:500">{{ log.username or '–' }}</td>
        <td><span class="audit-action audit-{{ log.action.split('_')[0] }}">{{ log.action }}</span></td>
        <td class="text-muted text-sm">{{ log.entity or '–' }}{% if log.entity_id %} #{{ log.entity_id }}{% endif %}</td>
        <td class="text-sm text-muted" style="max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="{{ log.detail or '' }}">{{ log.detail or '–' }}</td>
        <td class="text-muted text-sm" style="font-family:'IBM Plex Mono',monospace">{{ log.ip or '–' }}</td>
      </tr>
      {% else %}
      <tr><td colspan="6" class="empty-state">No audit events yet</td></tr>
      {% endfor %}
      </tbody>
    </table>
  </div>

  {% if pages > 1 %}
  <div class="card-body border-top d-flex align-items-center justify-content-between">
    <span class="text-sm text-muted">Page {{ page }} of {{ pages }}</span>
    <nav>
      <ul class="pagination pagination-sm mb-0">
        {% if page > 1 %}
        <li class="page-item"><a class="page-link" href="?page={{ page - 1 }}">← Prev</a></li>
        {% endif %}
        {% for p in range([1, page-2]|max, [pages+1, page+3]|min) %}
        <li class="page-item {% if p == page %}active{% endif %}">
          <a class="page-link" href="?page={{ p }}">{{ p }}</a>
        </li>
        {% endfor %}
        {% if page < pages %}
        <li class="page-item"><a class="page-link" href="?page={{ page + 1 }}">Next →</a></li>
        {% endif %}
      </ul>
    </nav>
  </div>
  {% endif %}
</div>

{% endblock %}