{% extends "base.html" %}
{% block title %}Audit Log - Juniper Manager{% endblock %}
{% block content %}
<h1>Audit Log</h1>

<form method="get" class="filters">
  <select name="device_id" onchange="this.form.submit()">
    <option value="">All devices</option>
    {% for d in devices %}
    <option value="{{ d.id }}" {{ 'selected' if selected_device_id == d.id else '' }}>{{ d.name }}</option>
    {% endfor %}
  </select>
  <select name="user_id" onchange="this.form.submit()">
    <option value="">All users</option>
    {% for u in users %}
    <option value="{{ u.id }}" {{ 'selected' if selected_user_id == u.id else '' }}>{{ u.username }}</option>
    {% endfor %}
  </select>
</form>

<div class="card">
  <table>
    <thead>
      <tr><th>Time</th><th>Device</th><th>User</th><th>Action</th><th>Result</th><th>Comment</th><th></th></tr>
    </thead>
    <tbody>
      {% for entry in entries %}
      <tr>
        <td>{{ entry.timestamp.strftime('%Y-%m-%d %H:%M:%S') }} UTC</td>
        <td>{{ entry.device.name if entry.device else '—' }}</td>
        <td>{{ entry.user.username if entry.user else '—' }}</td>
        <td>{{ entry.action }}{% if entry.pending_confirmation %} <span class="badge" style="background:#fef3c7;color:#92400e;">pending confirm</span>{% endif %}</td>
        <td>
          {% if entry.result == 'success' %}<span class="status-ok">success</span>
          {% else %}<span class="status-bad">failure</span>{% endif %}
        </td>
        <td>{{ entry.comment or entry.error_message or "" }}</td>
        <td>
          {% if entry.diff_text %}
          <details>
            <summary>diff</summary>
            <pre class="config-view">{{ entry.diff_text }}</pre>
          </details>
          {% endif %}
        </td>
      </tr>
      {% else %}
      <tr><td colspan="7">No history yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}