<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Erreur 500</title>
    <style>
        body { font-family: sans-serif; line-height: 1.6; padding: 2rem; }
        .error-container { max-width: 800px; margin: 0 auto; }
        .alert { padding: 1rem; background: #f8d7da; border-left: 4px solid #dc3545; }
    </style>
</head>
<body>
    <div class="error-container">
        <h1>Erreur serveur</h1>
        <div class="alert">
            Une erreur technique est survenue. Notre équipe a été notifiée.
        </div>
        <?php if (ini_get('display_errors')): ?>
            <pre><?= htmlspecialchars($e->getMessage() ?? '') ?></pre>
        <?php endif; ?>
        <a href="/">Retour à l'accueil</a>
    </div>
</body>
</html>