{% extends "base.html" %}
{% set active_nav = "admin" %}

{% block title %}Audit Log - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Audit Log</h1>
        <p class="page-subtitle">System-wide audit trail</p>
    </div>
    <a href="/admin" class="btn btn-ghost">← Back to Admin</a>
</div>

<div class="card mb-lg">
    <div class="card-header">
        <div class="flex gap-md items-center">
            <select class="form-select" style="width: auto;" name="event_type">
                <option value="">All Event Types</option>
                <option value="VIEW">View</option>
                <option value="CREATE">Create</option>
                <option value="UPDATE">Update</option>
                <option value="DOWNLOAD">Download</option>
                <option value="MATCH">Match</option>
                <option value="LINK">Link</option>
                <option value="UNLINK">Unlink</option>
                <option value="STATUS_CHANGE">Status Change</option>
            </select>
            <select class="form-select" style="width: auto;" name="entity_type">
                <option value="">All Entities</option>
                <option value="Order">Orders</option>
                <option value="Patient">Patients</option>
                <option value="ExternalObject">External Objects</option>
                <option value="ReleasePackage">Releases</option>
            </select>
            <input type="date" class="form-input" style="width: auto;" name="date_from" placeholder="From">
            <input type="date" class="form-input" style="width: auto;" name="date_to" placeholder="To">
            <button class="btn btn-secondary">Filter</button>
        </div>
        <span class="text-muted text-sm">{{ audit_events|length }} events</span>
    </div>
</div>

<div class="card">
    {% if audit_events %}
    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th>Timestamp</th>
                    <th>Event</th>
                    <th>User</th>
                    <th>Entity</th>
                    <th>Details</th>
                </tr>
            </thead>
            <tbody>
                {% for event in audit_events %}
                <tr>
                    <td class="text-sm text-mono">{{ event.created_at | format_dt(user_preferences) }}</td>
                    <td>
                        <span class="status-pill status-{{ event.event_type|lower }}">{{ event.event_type }}</span>
                    </td>
                    <td>
                        <div class="text-sm">{{ event.user_email or event.actor_id[:8] }}</div>
                        <div class="text-xs text-muted">{{ event.ip_address or "—" }}</div>
                    </td>
                    <td>
                        <div class="text-sm">{{ event.entity_type }}</div>
                        <div class="text-xs text-mono text-muted">{{ event.entity_id[:8] }}...</div>
                    </td>
                    <td class="text-sm text-muted">
                        {% if event.details %}
                        {{ event.details|truncate(50) }}
                        {% else %}
                        —
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="empty-state">
        <p class="text-muted">No audit events found</p>
    </div>
    {% endif %}
</div>
{% endblock %}