{% extends "base.html" %}
{% block content %}
<div class="page-header"><h1>Audit Logs</h1></div>
<form method="get" class="row g-2 mb-3">
  <div class="col-md-3">
    <select name="action" class="form-select form-select-sm">
      <option value="">All Actions</option>
      {% for a in actions %}<option value="{{ a }}" {{ 'selected' if a == selected_action }}>{{ a }}</option>{% endfor %}
    </select>
  </div>
  <div class="col-md-3">
    <select name="entity_type" class="form-select form-select-sm">
      <option value="">All Entities</option>
      {% for e in entity_types %}<option value="{{ e }}" {{ 'selected' if e == selected_entity_type }}>{{ e }}</option>{% endfor %}
    </select>
  </div>
  <div class="col-md-2"><button class="btn btn-sm btn-outline-secondary w-100">Filter</button></div>
</form>
<div class="card-panel">
  <table class="hop-table">
    <thead><tr><th>Time</th><th>User</th><th>Action</th><th>Entity</th><th>IP</th></tr></thead>
    <tbody>
    {% for log in logs %}
      <tr>
        <td>{{ log.created_at.strftime('%d %b %Y %H:%M:%S') }}</td>
        <td>{{ log.username }}</td>
        <td>{{ log.action }}</td>
        <td>{{ log.entity_type }} {{ log.entity_id }}</td>
        <td>{{ log.ip_address }}</td>
      </tr>
    {% else %}
      <tr><td colspan="5"><div class="empty-state"><i class="fa-solid fa-clipboard-list"></i><p>No audit entries.</p></div></td></tr>
    {% endfor %}
    </tbody>
  </table>
  {% if total_pages > 1 %}
  <nav class="mt-3">
    <ul class="pagination pagination-sm justify-content-center">
      {% for p in range(1, total_pages + 1) %}
        <li class="page-item {{ 'active' if p == page }}"><a class="page-link" href="?page={{ p }}&action={{ selected_action }}&entity_type={{ selected_entity_type }}">{{ p }}</a></li>
      {% endfor %}
    </ul>
  </nav>
  {% endif %}
</div>
{% endblock %}