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

{% block page_title %}Détails Requête HTTP #{{ http_request.id }}{% 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">Requête HTTP #{{ http_request.id }}</h1>
            <p class="mt-2 text-sm text-gray-700">{{ http_request.createdAt|date('d/m/Y à H:i:s') }}</p>
        </div>
        <div class="mt-4 sm:mt-0">
            <a href="{{ path('admin_security_http_requests') }}" 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 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                <i class="fas fa-arrow-left mr-2"></i>
                Retour
            </a>
        </div>
    </div>
</div>

{# Request Summary #}
<div class="bg-white shadow rounded-lg mb-6">
    <div class="px-4 py-5 sm:px-6 border-b border-gray-200">
        <h3 class="text-lg leading-6 font-medium text-gray-900">Résumé de la Requête</h3>
    </div>
    <div class="px-4 py-5 sm:p-6">
        <dl class="grid grid-cols-1 gap-x-4 gap-y-6 sm:grid-cols-2">
            <div>
                <dt class="text-sm font-medium text-gray-500">Méthode</dt>
                <dd class="mt-1">
                    <span class="px-3 py-1 text-sm font-semibold rounded {{ http_request.method == 'GET' ? 'bg-blue-100 text-blue-800' : (http_request.method == 'POST' ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800') }}">
                        {{ http_request.method }}
                    </span>
                </dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Code de Statut</dt>
                <dd class="mt-1">
                    <span class="px-3 py-1 text-sm font-semibold rounded {{ http_request.statusCode >= 200 and http_request.statusCode < 300 ? 'bg-green-100 text-green-800' : (http_request.statusCode >= 400 ? 'bg-red-100 text-red-800' : 'bg-gray-100 text-gray-800') }}">
                        {{ http_request.statusCode }}
                    </span>
                </dd>
            </div>

            <div class="sm:col-span-2">
                <dt class="text-sm font-medium text-gray-500">URL Complète</dt>
                <dd class="mt-1 text-sm text-gray-900 font-mono break-all">{{ http_request.uri }}</dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Type de Route</dt>
                <dd class="mt-1">
                    {% if http_request.routeName starts with 'api_' or http_request.uri starts with '/api/' %}
                        <span class="px-3 py-1 text-sm font-semibold rounded bg-purple-100 text-purple-800">
                            <i class="fas fa-code mr-1"></i>API
                        </span>
                    {% else %}
                        <span class="px-3 py-1 text-sm font-semibold rounded bg-blue-100 text-blue-800">
                            <i class="fas fa-globe mr-1"></i>WEB
                        </span>
                    {% endif %}
                </dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Nom de la Route</dt>
                <dd class="mt-1 text-sm text-gray-900 font-mono">{{ http_request.routeName|default('N/A') }}</dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Utilisateur</dt>
                <dd class="mt-1 text-sm text-gray-900">
                    {% if http_request.user %}
                        <a href="{{ path('admin_users_show', {id: http_request.user.id}) }}" class="text-blue-600 hover:text-blue-900">
                            {{ http_request.user.email }}
                        </a>
                    {% else %}
                        <span class="text-gray-400">Anonyme</span>
                    {% endif %}
                </dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Adresse IP</dt>
                <dd class="mt-1 text-sm text-gray-900 font-mono">{{ http_request.ipAddress|default('N/A') }}</dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Erreur</dt>
                <dd class="mt-1">
                    <span class="px-2 py-1 text-xs font-semibold rounded-full {{ http_request.isError ? 'bg-red-100 text-red-800' : 'bg-green-100 text-green-800' }}">
                        {{ http_request.isError ? 'Oui' : 'Non' }}
                    </span>
                </dd>
            </div>

            <div>
                <dt class="text-sm font-medium text-gray-500">Suspecte</dt>
                <dd class="mt-1">
                    <span class="px-2 py-1 text-xs font-semibold rounded-full {{ http_request.isSuspicious ? 'bg-yellow-100 text-yellow-800' : 'bg-green-100 text-green-800' }}">
                        {{ http_request.isSuspicious ? 'Oui' : 'Non' }}
                    </span>
                </dd>
            </div>
        </dl>
    </div>
</div>

{# Request Headers #}
{% if http_request.headers %}
    <div class="bg-white shadow rounded-lg mb-6">
        <div class="px-4 py-5 sm:px-6 border-b border-gray-200">
            <h3 class="text-lg leading-6 font-medium text-gray-900">En-têtes de Requête</h3>
        </div>
        <div class="px-4 py-5 sm:p-6">
            <pre class="bg-gray-50 rounded p-4 overflow-x-auto text-xs"><code>{{ http_request.headers|json_encode(constant('JSON_PRETTY_PRINT')) }}</code></pre>
        </div>
    </div>
{% endif %}

{# Request Body #}
{% if http_request.requestBody %}
    <div class="bg-white shadow rounded-lg mb-6">
        <div class="px-4 py-5 sm:px-6 border-b border-gray-200">
            <h3 class="text-lg leading-6 font-medium text-gray-900">Corps de la Requête</h3>
        </div>
        <div class="px-4 py-5 sm:p-6">
            <pre class="bg-gray-50 rounded p-4 overflow-x-auto text-xs"><code>{{ http_request.requestBody }}</code></pre>
        </div>
    </div>
{% endif %}

{# Response Headers #}
{% if http_request.responseHeaders %}
    <div class="bg-white shadow rounded-lg mb-6">
        <div class="px-4 py-5 sm:px-6 border-b border-gray-200">
            <h3 class="text-lg leading-6 font-medium text-gray-900">En-têtes de Réponse</h3>
        </div>
        <div class="px-4 py-5 sm:p-6">
            <pre class="bg-gray-50 rounded p-4 overflow-x-auto text-xs"><code>{{ http_request.responseHeaders|json_encode(constant('JSON_PRETTY_PRINT')) }}</code></pre>
        </div>
    </div>
{% endif %}

{# Response Body #}
{% if http_request.responseBody %}
    <div class="bg-white shadow rounded-lg">
        <div class="px-4 py-5 sm:px-6 border-b border-gray-200">
            <h3 class="text-lg leading-6 font-medium text-gray-900">Corps de la Réponse</h3>
        </div>
        <div class="px-4 py-5 sm:p-6">
            <pre class="bg-gray-50 rounded p-4 overflow-x-auto text-xs"><code>{{ http_request.responseBody|slice(0, 5000) }}{% if http_request.responseBody|length > 5000 %}... (tronqué){% endif %}</code></pre>
        </div>
    </div>
{% endif %}
{% endblock %}