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

{% block page_title %}Informations Système{% 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">Informations Système</h1>
            <p class="mt-2 text-sm text-gray-700">Détails techniques du serveur et de l'application</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>

{# Symfony #}
<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">
            <i class="fab fa-symfony text-black mr-2"></i>
            Symfony
        </h3>
        <dl class="grid grid-cols-1 gap-x-4 gap-y-3 sm:grid-cols-2">
            <div class="border-l-4 border-gray-800 pl-4">
                <dt class="text-sm font-medium text-gray-500">Version</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ symfony_info.version }}</dd>
            </div>
            <div class="border-l-4 border-blue-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Environnement</dt>
                <dd class="mt-1">
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium {{ symfony_info.environment == 'prod' ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800' }}">
                        {{ symfony_info.environment }}
                    </span>
                </dd>
            </div>
            <div class="border-l-4 border-orange-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Mode Debug</dt>
                <dd class="mt-1 text-sm font-semibold">
                    {% if symfony_info.debug_mode %}
                        <span class="text-orange-600"><i class="fas fa-exclamation-triangle"></i> Activé</span>
                    {% else %}
                        <span class="text-green-600"><i class="fas fa-check"></i> Désactivé</span>
                    {% endif %}
                </dd>
            </div>
            <div class="border-l-4 border-purple-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Timezone</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ symfony_info.timezone }}</dd>
            </div>
        </dl>
    </div>
</div>

{# PHP #}
<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">
            <i class="fab fa-php text-purple-600 mr-2"></i>
            PHP
        </h3>
        <dl class="grid grid-cols-1 gap-x-4 gap-y-3 sm:grid-cols-2 lg:grid-cols-3">
            <div class="border-l-4 border-purple-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Version</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ php_info.version }}</dd>
            </div>
            <div class="border-l-4 border-blue-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Memory Limit</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ php_info.memory_limit }}</dd>
            </div>
            <div class="border-l-4 border-green-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Max Execution Time</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ php_info.max_execution_time }}s</dd>
            </div>
            <div class="border-l-4 border-orange-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Upload Max Size</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ php_info.upload_max_filesize }}</dd>
            </div>
            <div class="border-l-4 border-red-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Mémoire utilisée</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ php_info.formatted.memory_usage }}</dd>
            </div>
            <div class="border-l-4 border-yellow-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Pic mémoire</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ php_info.formatted.memory_peak_usage }}</dd>
            </div>
        </dl>
    </div>
</div>

{# Système d'exploitation #}
<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">
            <i class="fas fa-server text-gray-600 mr-2"></i>
            Système d'Exploitation
        </h3>
        <dl class="grid grid-cols-1 gap-x-4 gap-y-3 sm:grid-cols-2">
            <div class="border-l-4 border-gray-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Plateforme</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ system_info.os.platform }}</dd>
            </div>
            <div class="border-l-4 border-blue-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Nom</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ system_info.os.name }}</dd>
            </div>
            <div class="border-l-4 border-green-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Hostname</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ system_info.os.hostname }}</dd>
            </div>
            <div class="border-l-4 border-purple-500 pl-4">
                <dt class="text-sm font-medium text-gray-500">Architecture</dt>
                <dd class="mt-1 text-sm font-semibold text-gray-900">{{ system_info.os.architecture }}</dd>
            </div>
        </dl>
    </div>
</div>

{% endblock %}