{% extends "base.html" %}
{% block title %}Audit - Admin - MikroMon{% endblock %}
{% block content %}
<div class="d-flex align-items-center justify-content-between mb-3 flex-wrap gap-2">
  <div>
    <h1 class="h3 mb-0">Audit log</h1>
    <div class="text-muted">Last logs (limit 200)</div>
  </div>
  <a class="btn btn-outline-secondary" href="{{ url_for('admin.index') }}"><i class="fa-solid fa-arrow-left me-1"></i>Back</a>
</div>

<div class="card shadow-sm">
  <div class="table-responsive">
    <table class="table table-sm align-middle mb-0">
      <thead class="table-light">
        <tr>
          <th>Time</th>
          <th>Action</th>
          <th>Type</th>
          <th>ID</th>
          <th>Details</th>
        </tr>
      </thead>
      <tbody>
        {% for l in logs %}
        <tr>
          <td class="text-muted small">{{ l.created_at }}</td>
          <td class="fw-semibold">{{ l.action }}</td>
          <td class="text-muted">{{ l.target_type or '-' }}</td>
          <td class="text-muted">{{ l.target_id or '-' }}</td>
          <td class="small">{{ l.details or '' }}</td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="text-muted">No data.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}