{% extends 'layouts/authenticated.html.twig' %}

{% block page_title %}Gestion des Logs{% endblock %}

{% block content %}
<div class="mb-8">
    <div class="sm:flex sm:items-center sm:justify-between">
        <div>
            <h1 class="text-3xl font-bold text-gray-900">Gestion des Logs</h1>
            <p class="mt-2 text-sm text-gray-700">Consultation et nettoyage des logs système</p>
        </div>
        <div class="mt-4 sm:mt-0">
            <a href="{{ path('admin_system_index') }}" class="inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
                <i class="fas fa-arrow-left mr-2"></i>
                Retour
            </a>
        </div>
    </div>
</div>

{# Statistiques Logs #}
<div class="bg-white shadow rounded-lg mb-6">
    <div class="px-4 py-5 sm:p-6">
        <h3 class="text-lg font-medium text-gray-900 mb-4">Statistiques des Logs</h3>

        <div class="grid grid-cols-1 gap-5 sm:grid-cols-4">
            <div class="border-l-4 border-blue-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Taille totale</dt>
                <dd class="mt-1 text-2xl font-semibold text-gray-900">{{ logs_info.formatted_size }}</dd>
            </div>
            <div class="border-l-4 border-green-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Fichiers</dt>
                <dd class="mt-1 text-2xl font-semibold text-gray-900">{{ logs_info.file_count }}</dd>
            </div>
            <div class="border-l-4 border-purple-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Plus ancien</dt>
                <dd class="mt-1 text-lg font-semibold text-gray-900">{{ logs_info.oldest_log ? logs_info.oldest_log|date('d/m/Y') : 'N/A' }}</dd>
            </div>
            <div class="border-l-4 border-orange-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Plus récent</dt>
                <dd class="mt-1 text-lg font-semibold text-gray-900">{{ logs_info.newest_log ? logs_info.newest_log|date('d/m/Y') : 'N/A' }}</dd>
            </div>
        </div>
    </div>
</div>

{# Action Nettoyage #}
<div class="bg-white shadow rounded-lg mb-6">
    <div class="px-4 py-5 sm:p-6">
        <h3 class="text-lg font-medium text-gray-900 mb-4">Nettoyage des Logs</h3>

        <form method="post" action="{{ path('admin_system_logs_clear') }}" onsubmit="return confirm('Supprimer les logs anciens ?')" class="space-y-4">
            <input type="hidden" name="_token" value="{{ csrf_token('logs-clear') }}">

            <div>
                <label for="days" class="block text-sm font-medium text-gray-700 mb-1">Supprimer les logs plus anciens que :</label>
                <div class="mt-2 flex items-center space-x-4">
                    <select name="days" id="days" class="block w-48 px-3 py-2 border border-gray-300 bg-white rounded-md shadow-sm text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                        <option value="7">7 jours</option>
                        <option value="15">15 jours</option>
                        <option value="30" selected>30 jours</option>
                        <option value="60">60 jours</option>
                        <option value="90">90 jours</option>
                    </select>
                    <button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500">
                        <i class="fas fa-trash mr-2"></i>
                        Nettoyer
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

{# Logs par Type #}
{% if logs_info.logs_by_type|length > 0 %}
<div class="bg-white shadow rounded-lg">
    <div class="px-4 py-5 sm:p-6">
        <h3 class="text-lg font-medium text-gray-900 mb-4">Logs par Type</h3>

        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Type</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Fichiers</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Taille</th>
                    </tr>
                </thead>
                <tbody class="bg-white divide-y divide-gray-200">
                    {% for type, info in logs_info.logs_by_type %}
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
                            <i class="fas fa-file-alt text-blue-500 mr-2"></i>
                            {{ type }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ info.count }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ info.formatted_size }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}

{% endblock %}