Error handling

v2_adminpanel/templates/500.html

@@ -5,13 +5,40 @@
 {% block content %}
 <div class="container mt-5">
     <div class="row justify-content-center">
-        <div class="col-md-6">
-            <div class="card">
-                <div class="card-body text-center">
-                    <h1 class="display-1">500</h1>
-                    <h2>Interner Serverfehler</h2>
-                    <p>Es ist ein Fehler aufgetreten. Bitte versuchen Sie es später erneut.</p>
-                    <a href="{{ url_for('admin.dashboard') }}" class="btn btn-primary">Zur Startseite</a>
+        <div class="col-md-8">
+            <div class="card shadow-lg">
+                <div class="card-body text-center py-5">
+                    <div class="mb-4">
+                        <i class="bi bi-exclamation-octagon text-danger" style="font-size: 4rem;"></i>
+                    </div>
+                    <h1 class="display-1 text-danger">500</h1>
+                    <h2 class="mb-4">Interner Serverfehler</h2>
+                    <p class="lead mb-4">
+                        Es tut uns leid, aber es ist ein unerwarteter Fehler aufgetreten.
+                        Unser Team wurde benachrichtigt und arbeitet an einer Lösung.
+                    </p>
+                    
+                    {% if error %}
+                    <div class="alert alert-warning text-start mx-auto" style="max-width: 500px;">
+                        <p class="mb-0"><strong>Fehlermeldung:</strong> {{ error }}</p>
+                    </div>
+                    {% endif %}
+                    
+                    <div class="mt-4">
+                        <a href="{{ url_for('admin.dashboard') }}" class="btn btn-primary btn-lg">
+                            <i class="bi bi-house"></i> Zum Dashboard
+                        </a>
+                        <button onclick="location.reload();" class="btn btn-outline-secondary btn-lg ms-2">
+                            <i class="bi bi-arrow-clockwise"></i> Seite neu laden
+                        </button>
+                    </div>
+                    
+                    <div class="mt-5 text-muted">
+                        <small>
+                            Fehler-ID: <code>{{ request_id or 'Nicht verfügbar' }}</code><br>
+                            Zeitstempel: {{ timestamp or 'Nicht verfügbar' }}
+                        </small>
+                    </div>
                 </div>
             </div>
         </div>