{% extends '@App/app.html.twig' %}

{% block title %}Détail de l'erreur{% endblock %}

{% set statusClass = report.statusCode >= 500 ? 'danger' : (report.statusCode == 404 ? 'warning' : 'secondary') %}
{% set handledAtValue = report.handledAt %}

{% block page_actions %}
    <a href="{{ path('app_admin_error_report_index') }}" class="btn btn-light border">Retour</a>
    {% if not handledAtValue %}
        <form method="post" action="{{ path('app_admin_error_report_handle', {id: report.id}) }}" class="d-inline">
            <input type="hidden" name="_token" value="{{ csrf_token('handle_error_report_' ~ report.id) }}">
            <input type="hidden" name="redirect_to" value="show">
            <button type="submit" class="btn btn-success">Marquer comme traitée</button>
        </form>
    {% endif %}
{% endblock %}

{% block content %}
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body">
            <div class="d-flex flex-wrap align-items-start gap-3">
                <span class="badge bg-{{ statusClass }} px-3 py-2">{{ report.statusCode }}</span>
                <div class="flex-grow-1">
                    <h2 class="h4 mb-2">{{ report.exceptionClass|split('\\\\')|last }}</h2>
                    <div class="fs-5 fw-semibold">{{ report.exceptionMessage }}</div>
                    <div class="text-muted small mt-2">{{ report.exceptionClass }}</div>
                </div>
                <div class="text-muted small text-end">
                    <div>Enregistrement #{{ report.id }}</div>
                    <div>Version {{ appVersion }}</div>
                    {% if handledAtValue %}<div>Traitée le {{ handledAtValue|date('d/m/Y à H:i') }}</div>{% endif %}
                </div>
            </div>
        </div>
    </div>

    <div class="row g-4 mb-4">
        <div class="col-12 col-md-6 col-xl-3"><div class="card border-0 shadow-sm h-100"><div class="card-body"><div class="text-muted small">Utilisateur</div><div class="fw-bold">{{ report.userDisplayName ?: 'Utilisateur inconnu' }}</div><div class="text-muted">{{ report.userEmail ?: 'Non connecté' }}</div><div class="text-muted small mt-2">ID : {{ report.userId ?: 'n/a' }}</div></div></div></div>
        <div class="col-12 col-md-6 col-xl-3"><div class="card border-0 shadow-sm h-100"><div class="card-body"><div class="text-muted small">Environnement</div><div class="fw-bold text-capitalize">{{ report.environment }}</div><div class="text-muted">Version {{ appVersion }}</div></div></div></div>
        <div class="col-12 col-md-6 col-xl-3"><div class="card border-0 shadow-sm h-100"><div class="card-body"><div class="text-muted small">Email support</div><span class="badge {{ report.isEmailSent ? 'bg-success-subtle text-success' : 'bg-secondary-subtle text-secondary' }}">{{ report.isEmailSent ? 'Envoyé' : 'Non envoyé' }}</span></div></div></div>
        <div class="col-12 col-md-6 col-xl-3"><div class="card border-0 shadow-sm h-100"><div class="card-body"><div class="text-muted small">Traitement</div>{% if handledAtValue %}<span class="badge bg-success-subtle text-success">Traitée</span>{% else %}<span class="badge bg-warning-subtle text-warning">À traiter</span>{% endif %}</div></div></div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body">
            <h3 class="h5 mb-3">Requête HTTP</h3>
            <div class="row g-3">
                <div class="col-md-3"><div class="text-muted small">Méthode</div><div class="fw-semibold">{{ report.method ?: 'n/a' }}</div></div>
                <div class="col-md-3"><div class="text-muted small">Route Symfony</div><div class="fw-semibold">{{ report.routeName ?: 'n/a' }}</div></div>
                <div class="col-md-3"><div class="text-muted small">Path</div><code>{{ report.path ?: 'n/a' }}</code></div>
                <div class="col-md-3"><div class="text-muted small">IP</div><code>{{ report.ip ?: 'n/a' }}</code></div>
                <div class="col-12"><div class="text-muted small">URL complète</div><pre class="bg-light rounded-3 p-3 small overflow-auto mb-0">{{ report.url ?: 'n/a' }}</pre></div>
                <div class="col-12"><div class="text-muted small">Referrer</div><pre class="bg-light rounded-3 p-3 small overflow-auto mb-0">{{ report.referrer ?: 'n/a' }}</pre></div>
            </div>
        </div>
    </div>

    <div class="row g-4">
        {% for title, content in {
            'Query params': queryParamsJson,
            'Request params': requestParamsJson,
            'Attributs de requête': attributesJson,
            'Headers': headersJson,
            'Body': report.bodyPreview ?: 'Aucun body enregistré.',
            'Response preview': report.responsePreview ?: 'Aucune réponse enregistrée.',
            'Trace': report.tracePreview ?: 'Trace indisponible.'
        } %}
            <div class="col-12 {{ title in ['Body', 'Response preview', 'Trace'] ? '' : 'col-xl-6' }}">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-body">
                        <h3 class="h5 mb-3">{{ title }}</h3>
                        <pre class="bg-light rounded-3 p-3 small overflow-auto mb-0">{{ content }}</pre>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}