{% extends 'base.html.twig' %}

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

{% block content %}
<div class="page-header">
    <div class="breadcrumb">
        <a href="{{ path('app_dashboard') }}">Home</a>
        <i class="fas fa-chevron-right"></i>
        <span>Audit-Log</span>
    </div>
    <div class="page-title">
        <i class="fas fa-history"></i>
        <h2>Audit-Log</h2>
    </div>
</div>

<div class="status-card">
    <div class="card-header">
        <h3><i class="fas fa-list"></i> Konfigurationsänderungen</h3>
    </div>
    <div class="card-body">
        <div class="filter-bar">
            <form method="GET" action="{{ path('app_audit_log') }}" class="filter-form">
                <div class="form-group">
                    <label for="entity_type">Entity-Typ:</label>
                    <select name="entity_type" id="entity_type">
                        <option value="">Alle</option>
                        {% for type, count in entityTypes %}
                        <option value="{{ type }}" {{ currentEntityType == type ? 'selected' : '' }}>{{ type }} ({{ count }})</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="form-group">
                    <label for="limit">Anzahl:</label>
                    <select name="limit" id="limit">
                        <option value="50" {{ currentLimit == 50 ? 'selected' : '' }}>50</option>
                        <option value="100" {{ currentLimit == 100 ? 'selected' : '' }}>100</option>
                        <option value="200" {{ currentLimit == 200 ? 'selected' : '' }}>200</option>
                        <option value="500" {{ currentLimit == 500 ? 'selected' : '' }}>500</option>
                    </select>
                </div>
                <div class="form-actions">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-filter"></i> Filtern</button>
                </div>
            </form>
        </div>

        {% if logs is empty %}
        <div class="empty-state empty-state--large">
            <i class="fas fa-inbox empty-state-icon"></i>
            <p class="text-muted">Keine Audit-Log-Einträge gefunden.</p>
        </div>
        {% else %}
        <div class="overflow-x-auto">
            <table class="table-modern">
                <thead>
                    <tr>
                        <th>Zeitpunkt</th>
                        <th>Aktion</th>
                        <th>Entity</th>
                        <th>Beschreibung</th>
                        <th>Benutzer</th>
                        <th>Details</th>
                    </tr>
                </thead>
                <tbody>
                    {% for log in logs %}
                    <tr>
                        <td>{{ log.createdAt|date('d.m.Y H:i:s') }}</td>
                        <td>
                            {% set actionClass = log.action == 'CREATE' ? 'success' : (log.action == 'UPDATE' ? 'warning' : 'danger') %}
                            <span class="badge badge--{{ actionClass }}">{{ log.action }}</span>
                        </td>
                        <td>
                            <div class="entity-cell-title">{{ log.entityType }}</div>
                            {% if log.entityId %}<div class="entity-cell-sub">ID: {{ log.entityId }}</div>{% endif %}
                        </td>
                        <td>{{ log.description ?? '-' }}</td>
                        <td class="text-muted">{{ log.username ?? 'System' }}</td>
                        <td>
                            {% if log.changedFields %}
                            <button type="button" class="btn btn-sm btn-secondary" onclick="showDetails({{ loop.index0 }})"><i class="fas fa-eye"></i> Details</button>
                            <div id="details-{{ loop.index0 }}" class="details-toggle-content">
                                {% for field, changes in log.changedFields %}
                                <div class="details-row">
                                    <strong>{{ field }}:</strong><br>
                                    {% if changes.old is defined %}<span class="details-old">Alt: {{ changes.old|json_encode(constant('JSON_PRETTY_PRINT'))|e('html') }}</span><br>{% endif %}
                                    {% if changes.new is defined %}<span class="details-new">Neu: {{ changes.new|json_encode(constant('JSON_PRETTY_PRINT'))|e('html') }}</span>{% endif %}
                                </div>
                                {% endfor %}
                            </div>
                            {% else %}-{% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script src="{{ asset('js/audit-log.js') }}?v={{ 'now'|date('YmdHis') }}"></script>
{% endblock %}