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

{% block title %}Logs d'actions administratives{% endblock %}

{% block body %}
<div class="container mx-auto p-4">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold text-contrast">Logs d'actions administratives</h1>
        <div class="text-sm text-gray-500">
            Total: {{ total_logs }} actions
        </div>
    </div>

    {% if logs is empty %}
        <div class="text-center py-8">
            <p class="text-gray-500">Aucun log d'action trouvé.</p>
        </div>
    {% else %}
        <div class="bg-bg border border-border rounded-lg overflow-hidden">
            <div class="overflow-x-auto">
                <table class="w-full">
                    <thead class="bg-contrast-opacity">
                        <tr>
                            <th class="px-4 py-3 text-left text-sm font-medium text-contrast">Date</th>
                            <th class="px-4 py-3 text-left text-sm font-medium text-contrast">Admin</th>
                            <th class="px-4 py-3 text-left text-sm font-medium text-contrast">Action</th>
                            <th class="px-4 py-3 text-left text-sm font-medium text-contrast">Description</th>
                            <th class="px-4 py-3 text-left text-sm font-medium text-contrast">Entité</th>
                            <th class="px-4 py-3 text-left text-sm font-medium text-contrast">IP</th>
                            <th class="px-4 py-3 text-left text-sm font-medium text-contrast">Actions</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-border">
                        {% for log in logs %}
                            <tr class="hover:bg-contrast-opacity transition-colors">
                                <td class="px-4 py-3 text-sm text-contrast">
                                    {{ log.createdAt|date('d/m/Y H:i:s') }}
                                </td>
                                <td class="px-4 py-3 text-sm text-contrast">
                                    {% if log.adminUser %}
                                        <span class="font-medium">{{ log.adminUser.email }}</span>
                                    {% else %}
                                        <span class="text-gray-500">-</span>
                                    {% endif %}
                                </td>
                                <td class="px-4 py-3 text-sm">
                                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium
                                        {% if log.action starts with 'user_' %}bg-blue-100 text-blue-800
                                        {% elseif log.action starts with 'payment_' %}bg-green-100 text-green-800
                                        {% elseif log.action starts with 'order_' %}bg-yellow-100 text-yellow-800
                                        {% elseif log.action starts with 'licence_' %}bg-purple-100 text-purple-800
                                        {% elseif log.action starts with 'manifestation_' %}bg-indigo-100 text-indigo-800
                                        {% elseif log.action starts with 'blacklist_' %}bg-red-100 text-red-800
                                        {% elseif log.action starts with 'configuration_' %}bg-gray-100 text-gray-800
                                        {% else %}bg-gray-100 text-gray-800{% endif %}">
                                        {{ log.action|replace({'_': ' '})|title }}
                                    </span>
                                </td>
                                <td class="px-4 py-3 text-sm text-contrast max-w-xs truncate">
                                    {{ log.description }}
                                </td>
                                <td class="px-4 py-3 text-sm text-contrast">
                                    {% if log.entityType and log.entityId %}
                                        <span class="inline-flex items-center px-2 py-1 rounded text-xs bg-contrast-opacity">
                                            {{ log.entityType }} #{{ log.entityId }}
                                        </span>
                                    {% else %}
                                        <span class="text-gray-500">-</span>
                                    {% endif %}
                                </td>
                                <td class="px-4 py-3 text-sm text-gray-500 font-mono">
                                    {{ log.ipAddress|default('-') }}
                                </td>
                                <td class="px-4 py-3 text-sm">
                                    <a href="{{ path('admin_action_logs_show', {id: log.id}) }}" 
                                       class="text-primary hover:text-primary-dark transition-colors">
                                        {{ icon('eye') }}
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>

        {% if total_pages > 1 %}
            <div class="mt-6 flex justify-center">
                <nav class="flex items-center space-x-2">
                    {% if current_page > 1 %}
                        <a href="{{ path('admin_action_logs_index', {page: current_page - 1}) }}" 
                           class="px-3 py-2 text-sm bg-bg border border-border rounded hover:bg-contrast-opacity transition-colors">
                            Précédent
                        </a>
                    {% endif %}
                    
                    <span class="px-3 py-2 text-sm text-contrast">
                        Page {{ current_page }} sur {{ total_pages }}
                    </span>
                    
                    {% if current_page < total_pages %}
                        <a href="{{ path('admin_action_logs_index', {page: current_page + 1}) }}" 
                           class="px-3 py-2 text-sm bg-bg border border-border rounded hover:bg-contrast-opacity transition-colors">
                            Suivant
                        </a>
                    {% endif %}
                </nav>
            </div>
        {% endif %}
    {% endif %}
</div>
{% endblock %}