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

{% block title %}Erreur serveur{% endblock %}

{% block body %}
    <div class="min-h-screen flex flex-col items-center justify-center bg-gray-50 px-4">
        <div class="max-w-md w-full bg-white p-8 rounded-lg shadow-md text-center">
            <div class="text-6xl font-bold text-yellow-600 mb-4">500</div>
            <h1 class="text-2xl font-bold text-gray-800 mb-2">Oups ! Une erreur est survenue</h1>
            <p class="text-gray-600 mb-6">
                Notre équipe a été notifiée du problème. Veuillez réessayer plus tard.
            </p>

            {% if exception is defined and exception.message %}
                <div class="bg-gray-100 p-3 rounded mb-6 text-left text-sm">
                    <p class="font-medium">Détails techniques :</p>
                    <p class="text-gray-700">{{ exception.message }}</p>
                </div>
            {% endif %}

            <div class="flex justify-center space-x-4">
                <a href="{{ path('app_accueil_index') }}" class="px-4 py-2 bg-indigo-600 text-white rounded hover:bg-indigo-700 transition">
                    Retour à l'accueil
                </a>
                <a href="mailto:archivebacsn@syllamar.pro" class="px-4 py-2 border border-indigo-600 text-indigo-600 rounded hover:bg-indigo-50 transition">
                    Signaler le problème
                </a>
            </div>
        </div>
    </div>
{% endblock %}