{% extends "admin/base_site.html" %}
{% load i18n %}

{% block title %}Audit records | {% trans "Site administration" %}{% endblock %}

{% block breadcrumbs %}
<div class="breadcrumbs">
  <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
  &rsaquo; <a href="{% url 'admin:app_list' app_label='audit' %}">Audit</a>
  &rsaquo; Audit records
</div>
{% endblock %}

{% block content %}
<h1>Audit records</h1>

<!-- Filter form -->
<form id="audit-filters" method="get" action="">
  <div style="display: flex; flex-wrap: wrap; gap: 1em; margin-bottom: 1em; padding: 1em; background: #f8f8f8; border: 1px solid #ddd;">

    <div>
      <label for="id_action"><strong>Action</strong></label><br>
      <select name="action" id="id_action">
        {% for value, label in action_choices %}
          <option value="{{ value }}"{% if active_filters.action == value %} selected{% endif %}>{{ label }}</option>
        {% endfor %}
      </select>
    </div>

    <div>
      <label for="id_actor_type"><strong>Actor type</strong></label><br>
      <select name="actor_type" id="id_actor_type">
        {% for value, label in actor_type_choices %}
          <option value="{{ value }}"{% if active_filters.actor_type == value %} selected{% endif %}>{{ label }}</option>
        {% endfor %}
      </select>
    </div>

    <div>
      <label for="id_has_diff"><strong>Has diff</strong></label><br>
      <select name="has_diff" id="id_has_diff">
        {% for value, label in has_diff_choices %}
          <option value="{{ value }}"{% if active_filters.has_diff == value %} selected{% endif %}>{{ label }}</option>
        {% endfor %}
      </select>
    </div>

    <div>
      <label for="id_scope_key"><strong>Scope key</strong></label><br>
      <input type="text" name="scope_key" id="id_scope_key"
             value="{{ active_filters.scope_key }}" placeholder="Any">
    </div>

    <div>
      <label for="id_created_after"><strong>Created after</strong></label><br>
      <input type="datetime-local" name="created_after" id="id_created_after"
             value="{{ active_filters.created_after }}">
    </div>

    <div>
      <label for="id_created_before"><strong>Created before</strong></label><br>
      <input type="datetime-local" name="created_before" id="id_created_before"
             value="{{ active_filters.created_before }}">
    </div>

    <div>
      <label for="id_search"><strong>Search</strong></label><br>
      <input type="text" name="search" id="id_search"
             value="{{ active_filters.search }}" placeholder="Subject/Actor ID">
    </div>

    <div>
      <label for="id_scope_type"><strong>Scope type</strong></label><br>
      <select name="scope_type" id="id_scope_type">
        {% for value, label in scope_type_choices %}
          <option value="{{ value }}"{% if active_filters.scope_type == value %} selected{% endif %}>{{ label }}</option>
        {% endfor %}
      </select>
    </div>

    <div style="align-self: flex-end;">
      <button type="submit" class="button">Filter</button>
      <a href="?" class="button" style="margin-left: 0.5em;">Clear</a>
      {% if export_querystring %}
        <a href="{% url 'admin:vinta_audit_logs_audit_export' %}?{{ export_querystring }}" class="button" style="margin-left: 0.5em; background-color: #417690;">Export CSV</a>
      {% else %}
        <a href="{% url 'admin:vinta_audit_logs_audit_export' %}" class="button" style="margin-left: 0.5em; background-color: #417690;">Export CSV</a>
      {% endif %}
    </div>
  </div>
</form>

<!-- Result count and pagination summary -->
{% if audit_page %}
  <p>
    Showing {{ audit_page.items|length }} of {{ total }} record{{ total|pluralize }}.
    Page {{ page }} of {{ num_pages }}.
  </p>

  <!-- Results table -->
  <table class="results" style="width: 100%; border-collapse: collapse;">
    <thead>
      <tr>
        <th>ID</th>
        <th>Created at</th>
        <th>Organization</th>
        <th>Action</th>
        <th>Actor type</th>
        <th>Actor ID</th>
        <th>Subject type</th>
        <th>Subject ID</th>
        <th>Has diff</th>
      </tr>
    </thead>
    <tbody>
      {% for record in audit_page.items %}
      <tr class="{% cycle 'row1' 'row2' %}">
        <td><a href="{% url 'admin:vinta_audit_logs_audit_detail' record.id %}">{{ record.id }}</a></td>
        <td>{{ record.created_at|date:"Y-m-d H:i:s" }}</td>
        <td>{{ record.scope.scope_key|default:'-' }}</td>
        <td>{{ record.action_key }}</td>
        <td>{{ record.actor.identity_type }}</td>
        <td>{{ record.actor.identity_label|default:record.actor.identity_key|default:"-" }}</td>
        <td>{{ record.subject.subject_type }}</td>
        <td>{{ record.subject.subject_id }}</td>
        <td>{% if record.diff %}Yes{% else %}No{% endif %}</td>
      </tr>
      {% empty %}
      <tr>
        <td colspan="9" style="text-align: center; padding: 2em;">No audit records found.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

  <!-- Pagination controls -->
  <p class="paginator" style="margin-top: 1em;">
    {% if has_prev %}
      <a href="?{{ base_querystring }}&page={{ prev_page }}">&laquo; Previous</a>
    {% else %}
      <span style="color: #999;">&laquo; Previous</span>
    {% endif %}

    &nbsp; Page {{ page }} of {{ num_pages }} &nbsp;

    {% if has_next %}
      <a href="?{{ base_querystring }}&page={{ next_page }}">Next &raquo;</a>
    {% else %}
      <span style="color: #999;">Next &raquo;</span>
    {% endif %}
  </p>
{% else %}
  <p>Repository not available.</p>
{% endif %}
{% endblock %}