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

{% block title %}Activity Log{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/activity-log.css') }}">
{% endblock %}

{% block body %}
<div class="page-wrapper">
    <div class="page-header">
        <div class="header-content">
            <h1><i class="fas fa-history"></i> Activity Log</h1>
            <p class="header-subtitle">Vollständige Übersicht aller Systemaktivitäten</p>
        </div>
    </div>

    <!-- Such- und Filterbereich -->
    <div class="filter-card">
        <form method="get" action="{{ path('activity_log_index') }}" class="filter-form">
            <div class="filter-grid">
                <div class="filter-item">
                    <label><i class="fas fa-search"></i> Suche</label>
                    <input type="text" name="search" placeholder="Benutzer, Beschreibung..." value="{{ currentFilters.search }}">
                </div>
                
                <div class="filter-item">
                    <label><i class="fas fa-database"></i> Entity-Typ</label>
                    <select name="entity_type">
                        <option value="">Alle Typen</option>
                        {% for key, label in entityTypes %}
                            <option value="{{ key }}" {{ currentFilters.entity_type == key ? 'selected' : '' }}>{{ label }}</option>
                        {% endfor %}
                    </select>
                </div>
                
                <div class="filter-item">
                    <label><i class="fas fa-bolt"></i> Aktion</label>
                    <select name="action">
                        <option value="">Alle Aktionen</option>
                        {% for key, label in actions %}
                            <option value="{{ key }}" {{ currentFilters.action == key ? 'selected' : '' }}>{{ label }}</option>
                        {% endfor %}
                    </select>
                </div>
                
                <div class="filter-item">
                    <label><i class="fas fa-user"></i> Benutzer</label>
                    <select name="user_id">
                        <option value="">Alle Benutzer</option>
                        {% for user in users %}
                            <option value="{{ user.id }}" {{ currentFilters.user_id == user.id ? 'selected' : '' }}>{{ user.fullName }}</option>
                        {% endfor %}
                    </select>
                </div>
            </div>
            
            <div class="filter-actions">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-filter"></i> Filtern
                </button>
                <a href="{{ path('activity_log_index') }}" class="btn btn-secondary">
                    <i class="fas fa-times"></i> Zurücksetzen
                </a>
            </div>
        </form>
    </div>

    <!-- Log-Tabelle -->
    <div class="table-card">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Zeitpunkt</th>
                    <th>Benutzer</th>
                    <th>Aktion</th>
                    <th>Entity</th>
                    <th>Beschreibung</th>
                    <th>Änderungen</th>
                    <th>IP-Adresse</th>
                </tr>
            </thead>
            <tbody>
                {% if logs is empty %}
                    <tr>
                        <td colspan="7" class="text-center">Keine Log-Einträge gefunden</td>
                    </tr>
                {% else %}
                    {% for log in logs %}
                        <tr>
                            <td>
                                <div class="timestamp-cell">
                                    <div class="timestamp-date">{{ log.createdAt|date('d.m.Y') }}</div>
                                    <div class="timestamp-time">{{ log.createdAt|date('H:i:s') }}</div>
                                </div>
                            </td>
                            <td>
                                {% if log.user %}
                                    <div class="user-cell">
                                        <div class="user-avatar-small">
                                            {{ log.user.firstName|first }}{{ log.user.lastName|first }}
                                        </div>
                                        <div class="user-info-small">
                                            <div class="user-name">{{ log.user.fullName }}</div>
                                            <div class="user-email">{{ log.user.email }}</div>
                                        </div>
                                    </div>
                                {% else %}
                                    <span class="text-muted">System</span>
                                {% endif %}
                            </td>
                            <td>
                                <span class="action-badge action-badge-{{ log.action|lower }}">
                                    <i class="fas fa-{{ log.action == 'CREATE' ? 'plus' : (log.action == 'UPDATE' ? 'edit' : (log.action == 'DELETE' ? 'trash' : (log.action == 'LOGIN' ? 'sign-in-alt' : (log.action == 'LOGOUT' ? 'sign-out-alt' : 'info-circle')))) }}"></i>
                                    {{ log.actionLabel }}
                                </span>
                            </td>
                            <td>
                                {% if log.entityType and log.entityId %}
                                    <a href="{{ path('activity_log_entity', {entityType: log.entityType, entityId: log.entityId}) }}" class="entity-link">
                                        <i class="fas fa-link"></i> {{ log.entityLabel }} #{{ log.entityId }}
                                    </a>
                                {% else %}
                                    <span class="text-muted">-</span>
                                {% endif %}
                            </td>
                            <td>
                                <div class="description-cell">
                                    {{ log.description ?? '-' }}
                                </div>
                            </td>
                            <td>
                                {% if log.changes %}
                                    <details class="changes-details">
                                        <summary class="changes-summary">
                                            <i class="fas fa-exchange-alt"></i> Änderungen anzeigen
                                        </summary>
                                        <div class="changes-content">
                                            {% for field, change in log.changes %}
                                                <div class="change-item">
                                                    <strong>{{ field }}:</strong>
                                                    <span class="change-old">{{ change.old ?? '-' }}</span>
                                                    <i class="fas fa-arrow-right"></i>
                                                    <span class="change-new">{{ change.new ?? '-' }}</span>
                                                </div>
                                            {% endfor %}
                                        </div>
                                    </details>
                                {% else %}
                                    <span class="text-muted">-</span>
                                {% endif %}
                            </td>
                            <td>
                                <span class="ip-address">{{ log.ipAddress ?? '-' }}</span>
                            </td>
                        </tr>
                    {% endfor %}
                {% endif %}
            </tbody>
        </table>
    </div>

    <!-- Pagination -->
    {% if pagination.totalPages > 1 %}
    <div class="pagination-wrapper">
        <div class="pagination-info">
            Zeige {{ ((pagination.page - 1) * pagination.perPage) + 1 }} - {{ pagination.page * pagination.perPage > pagination.totalCount ? pagination.totalCount : pagination.page * pagination.perPage }} von {{ pagination.totalCount }} Einträgen
        </div>
        <div class="pagination">
            {% if pagination.page > 1 %}
                <a href="{{ path('activity_log_index', currentFilters|merge({page: 1})) }}" class="pagination-btn" title="Erste Seite">
                    <i class="fas fa-angle-double-left"></i>
                </a>
                <a href="{{ path('activity_log_index', currentFilters|merge({page: pagination.page - 1})) }}" class="pagination-btn" title="Vorherige Seite">
                    <i class="fas fa-angle-left"></i>
                </a>
            {% else %}
                <span class="pagination-btn disabled" title="Erste Seite">
                    <i class="fas fa-angle-double-left"></i>
                </span>
                <span class="pagination-btn disabled" title="Vorherige Seite">
                    <i class="fas fa-angle-left"></i>
                </span>
            {% endif %}

            {% set startPage = max(1, pagination.page - 2) %}
            {% set endPage = min(pagination.totalPages, pagination.page + 2) %}

            {% if startPage > 1 %}
                <a href="{{ path('activity_log_index', currentFilters|merge({page: 1})) }}" class="pagination-btn">1</a>
                {% if startPage > 2 %}
                    <span class="pagination-ellipsis">...</span>
                {% endif %}
            {% endif %}

            {% for i in startPage..endPage %}
                {% if i == pagination.page %}
                    <span class="pagination-btn active">{{ i }}</span>
                {% else %}
                    <a href="{{ path('activity_log_index', currentFilters|merge({page: i})) }}" class="pagination-btn">{{ i }}</a>
                {% endif %}
            {% endfor %}

            {% if endPage < pagination.totalPages %}
                {% if endPage < pagination.totalPages - 1 %}
                    <span class="pagination-ellipsis">...</span>
                {% endif %}
                <a href="{{ path('activity_log_index', currentFilters|merge({page: pagination.totalPages})) }}" class="pagination-btn">{{ pagination.totalPages }}</a>
            {% endif %}

            {% if pagination.page < pagination.totalPages %}
                <a href="{{ path('activity_log_index', currentFilters|merge({page: pagination.page + 1})) }}" class="pagination-btn" title="Nächste Seite">
                    <i class="fas fa-angle-right"></i>
                </a>
                <a href="{{ path('activity_log_index', currentFilters|merge({page: pagination.totalPages})) }}" class="pagination-btn" title="Letzte Seite">
                    <i class="fas fa-angle-double-right"></i>
                </a>
            {% else %}
                <span class="pagination-btn disabled" title="Nächste Seite">
                    <i class="fas fa-angle-right"></i>
                </span>
                <span class="pagination-btn disabled" title="Letzte Seite">
                    <i class="fas fa-angle-double-right"></i>
                </span>
            {% endif %}
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}