{% extends "base.html" %}

{% block title %}Audit log · LibreSignage{% endblock %}

{% block content %}
  <div class="d-flex justify-content-between align-items-start gap-3 mb-4">
    <div>
      <a href="{{ url_for('auth.users') }}">← Users & permissions</a>
      <h1 class="mb-1">Audit log</h1>
      <p class="text-body-secondary mb-0">Immutable records of sensitive fleet and account actions.</p>
    </div>
    <span class="badge text-bg-secondary">{{ total }} events</span>
  </div>

  <form method="get" class="card card-body row g-3 mb-4">
    <div class="col-md-4">
      <label class="form-label" for="audit-action">Action</label>
      <select class="form-select" id="audit-action" name="action">
        <option value="">All actions</option>
        {% for option in actions %}<option value="{{ option }}" {% if option == action %}selected{% endif %}>{{ option }}</option>{% endfor %}
      </select>
    </div>
    <div class="col-md-4">
      <label class="form-label" for="audit-actor">Actor</label>
      <input class="form-control" id="audit-actor" name="actor" value="{{ actor }}">
    </div>
    <div class="col-md-4">
      <label class="form-label" for="audit-date">UTC date</label>
      <input class="form-control" id="audit-date" name="date" type="date" value="{{ date_value }}">
    </div>
    <div class="col-12"><button class="btn btn-primary" type="submit">Filter</button></div>
  </form>

  <div class="table-responsive">
    <table class="table align-middle">
      <thead><tr><th>Time (UTC)</th><th>Actor</th><th>Action</th><th>Target</th><th>Details</th></tr></thead>
      <tbody>
        {% for event in events %}
          <tr>
            <td class="text-nowrap">{{ event.created_at }}</td>
            <td>{{ event.actor_username }}</td>
            <td><code>{{ event.action }}</code></td>
            <td>{{ event.target_label }} <small class="text-body-secondary">{{ event.target_type }}</small></td>
            <td><code>{{ event.details|tojson }}</code></td>
          </tr>
        {% else %}
          <tr><td colspan="5" class="text-body-secondary">No matching events.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% if page_count > 1 %}
    <nav aria-label="Audit pages" class="d-flex gap-2">
      {% if page > 1 %}<a class="btn btn-sm btn-outline-secondary" href="{{ url_for('auth.audit_log', page=page-1, action=action, actor=actor, date=date_value) }}">Previous</a>{% endif %}
      <span class="align-self-center">Page {{ page }} of {{ page_count }}</span>
      {% if page < page_count %}<a class="btn btn-sm btn-outline-secondary" href="{{ url_for('auth.audit_log', page=page+1, action=action, actor=actor, date=date_value) }}">Next</a>{% endif %}
    </nav>
  {% endif %}
{% endblock %}