{% extends "base.html" %}
{% block title %}Audit Log - PXE Server Manager{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <h2 class="mb-0">Audit Log</h2>
  <span class="badge bg-secondary fs-6">{{ entries|length }} entries</span>
</div>

<div class="card">
  <div class="card-header d-flex align-items-center">
    Activity History
  </div>
  <div class="card-body p-0">
    {% if entries %}
    <div class="table-responsive">
      <table class="table table-hover table-sm mb-0">
        <thead class="table-light">
          <tr>
            <th style="width: 180px;">Timestamp</th>
            <th style="width: 130px;">Source</th>
            <th style="width: 180px;">Action</th>
            <th>Details</th>
          </tr>
        </thead>
        <tbody>
          {% for entry in entries %}
          <tr>
            {% set parts = entry.split('  ', 1) %}
            {% if parts|length == 2 %}
              {% set meta = parts[1].split('] ', 1) %}
              <td><small class="text-muted">{{ parts[0] }}</small></td>
              {% if meta|length == 2 %}
                <td><code>{{ meta[0].lstrip('[') }}</code></td>
                {% set action_detail = meta[1].split(': ', 1) %}
                {% if action_detail|length == 2 %}
                  <td><span class="badge bg-primary">{{ action_detail[0] }}</span></td>
                  <td>{{ action_detail[1] }}</td>
                {% else %}
                  <td colspan="2">{{ meta[1] }}</td>
                {% endif %}
              {% else %}
                <td colspan="3">{{ parts[1] }}</td>
              {% endif %}
            {% else %}
              <td colspan="4">{{ entry }}</td>
            {% endif %}
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <div class="text-center text-muted py-5">
      <p class="mt-2">No audit log entries yet.</p>
      <p class="small">Actions like image imports, unattend edits, and backup operations will be logged here.</p>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}
