{% extends "base.html" %}

{% block title %}Server Error - Inspection Reporting Tool{% endblock %}

{% block content %}
<div class="max-w-md mx-auto bg-white rounded-lg shadow-md p-8 text-center">
    <div class="text-5xl font-bold text-gray-200 mb-4">500</div>
    <h1 class="text-2xl font-bold text-gray-800 mb-2">Server Error</h1>
    <p class="text-gray-600 mb-6">Something went wrong on our end. Our team has been notified and is working to fix the issue.</p>
    <a href="{{ url_for('inspections.dashboard') }}" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
        <i class="fas fa-home mr-2"></i> Back to Dashboard
    </a>
</div>
{% endblock %}