{% extends "base.html" %}
{% block title %}Audit | Suvra{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Audit Explorer</h1>
  <p class="muted">Filter and inspect execution history.</p>
</section>

{% if message %}
<p class="flash">
  {% if message == "rolled_back" %}
  Rollback completed.
  {% elif message == "error" %}
  Rollback failed{% if error_message %}: {{ error_message }}{% endif %}.
  {% else %}
  {{ message }}
  {% endif %}
</p>
{% endif %}

<section class="panel">
  <form method="get" action="/dashboard/audit" class="filter-bar">
    <label>
      Search
      <input type="text" name="q" placeholder="Search actor, action, target, result..." value="{{ filters.q or '' }}" />
    </label>
    <label>
      Actor
      <input type="text" name="actor" value="{{ filters.actor or '' }}" />
    </label>
    <label>
      Action Type
      <input type="text" name="action_type" value="{{ filters.action_type or '' }}" />
    </label>
    <label>
      Decision
      <input type="text" name="decision" value="{{ filters.decision or '' }}" />
    </label>
    <label>
      Status
      <input type="text" name="status" value="{{ filters.status or '' }}" />
    </label>
    <label>
      Agent
      <input type="text" name="agent" placeholder="e.g. codex" value="{{ filters.agent or '' }}" />
    </label>
    <label>
      Tenant ID
      <input type="text" name="tenant_id" placeholder="e.g. tenant-a" value="{{ filters.tenant_id or '' }}" />
    </label>
    <label>
      Domain
      <input type="text" name="domain" placeholder="e.g. finance" value="{{ filters.domain or '' }}" />
    </label>
    <label>
      Page Size
      <select name="page_size">
        <option value="25" {% if filters.page_size == 25 %}selected{% endif %}>25</option>
        <option value="50" {% if filters.page_size == 50 %}selected{% endif %}>50</option>
        <option value="100" {% if filters.page_size == 100 %}selected{% endif %}>100</option>
        <option value="200" {% if filters.page_size == 200 %}selected{% endif %}>200</option>
      </select>
    </label>
    <input type="hidden" name="page" value="1" />
    <button type="submit" class="btn btn-secondary">Apply</button>
    <a class="btn btn-secondary" href="/dashboard/audit">Clear</a>
    <a class="btn btn-secondary" href="{{ export_csv_url }}">Export CSV</a>
  </form>

  <table class="data-table">
    <thead>
      <tr>
        <th>Time</th>
        <th>Actor</th>
        <th>Action</th>
        <th>Target</th>
        <th>Decision</th>
        <th>Status</th>
        <th>Rollback</th>
      </tr>
    </thead>
    <tbody>
      {% for event in events %}
      <tr>
        <td>{{ event.created_at }}</td>
        <td>{{ event.actor }}</td>
        <td>{{ event.title }}</td>
        <td><code>{{ event.target }}</code></td>
        <td><span class="badge {{ 'allow' if event.decision == 'allow' else ('deny' if event.decision == 'deny' else 'needs') }}">{{ event.decision }}</span></td>
        <td><span class="badge status-{{ event.status|replace('_', '-') }}">{{ event.status }}</span></td>
        <td>
          {% if event.rollback_available %}
          <form method="post" action="/dashboard/rollback/{{ event.action_id_raw }}" class="rollback-form">
            <input type="hidden" name="csrf" value="1" />
            <button type="submit" class="btn btn-secondary">Rollback</button>
          </form>
          {% else %}
          <span class="muted">none</span>
          {% endif %}
        </td>
      </tr>
      <tr class="details-row">
        <td colspan="7">
          <details>
            <summary>Details</summary>

            <dl class="kv">
              {% for label, value in event.key_fields %}
              <dt>{{ label }}</dt>
              <dd>{{ value }}</dd>
              {% endfor %}
            </dl>

            {% if event.identity_fields %}
            <h3 class="drawer-title">Identity</h3>
            <dl class="kv">
              {% for label, value in event.identity_fields %}
              <dt>{{ label }}</dt>
              <dd>{{ value }}</dd>
              {% endfor %}
            </dl>
            {% endif %}

            {% if event.reasons %}
            <h3 class="drawer-title">Reasons</h3>
            <ul class="reason-list">
              {% for reason in event.reasons %}
              <li>{{ reason }}</li>
              {% endfor %}
            </ul>
            {% endif %}

            <h3 class="drawer-title">Summary</h3>
            <p class="row-summary">{{ event.result_summary_short }}</p>
            <h3 class="drawer-title">Rollback</h3>
            <p class="row-summary">{{ event.rollback_summary }}</p>
          </details>
        </td>
      </tr>
      {% else %}
      <tr>
        <td colspan="7" class="muted">No audit events found.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

  <div class="pagination">
    <div class="muted">Total: {{ pagination.total_count }} events</div>
    <div class="pager-controls">
      {% if pagination.has_prev %}
      <a class="btn btn-secondary" href="{{ pagination.prev_url }}">Prev</a>
      {% else %}
      <span class="btn btn-secondary disabled">Prev</span>
      {% endif %}
      <span class="muted">Page {{ pagination.page }} of {{ pagination.total_pages }}</span>
      {% if pagination.has_next %}
      <a class="btn btn-secondary" href="{{ pagination.next_url }}">Next</a>
      {% else %}
      <span class="btn btn-secondary disabled">Next</span>
      {% endif %}
    </div>
  </div>
</section>
{% endblock %}