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

{% block content %}
<div class="page-header">
  <h2>Audit Log</h2>
  <div class="header-actions">
    <span class="badge badge-secondary badge-lg">{{ entries|length }} entries</span>
  </div>
</div>

<div class="section-card">
  <div class="section-title">Activity History</div>
  {% if entries %}
  <div class="table-container">
    <table class="data-table">
      <thead>
        <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 class="mono">{{ parts[0] }}</td>
            {% if meta|length == 2 %}
              <td class="mono">{{ meta[0].lstrip('[') }}</td>
              {% set action_detail = meta[1].split(': ', 1) %}
              {% if action_detail|length == 2 %}
                <td><span class="badge badge-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">
    <i class="bi bi-list-check" style="font-size: 2rem; opacity: 0.4;"></i>
    <p class="mt-2 mb-1">No audit log entries yet.</p>
    <p class="small mb-0">Actions like image imports, unattend edits, and backup operations will be logged here.</p>
  </div>
  {% endif %}
</div>
{% endblock %}