{% extends "base.html" %}

{% block title %}Server Error - SmartTools{% endblock %}

{% block content %}
<div class="min-h-[60vh] flex items-center justify-center px-4">
    <div class="text-center max-w-md">
        <p class="text-6xl font-bold text-red-600">500</p>
        <h1 class="mt-4 text-3xl font-bold text-gray-900">Something went wrong</h1>
        <p class="mt-4 text-gray-600">
            We're sorry, but something went wrong on our end. Please try again later or contact support if the problem persists.
        </p>
        <div class="mt-8 flex flex-col sm:flex-row items-center justify-center gap-4">
            <a href="{{ url_for('web.home') }}"
               class="w-full sm:w-auto inline-flex justify-center items-center px-6 py-3 text-base font-medium text-white bg-indigo-600 rounded-md hover:bg-indigo-700">
                Go Home
            </a>
            <a href="https://github.com/your-org/smarttools/issues"
               target="_blank"
               rel="noopener noreferrer"
               class="w-full sm:w-auto inline-flex justify-center items-center px-6 py-3 text-base font-medium text-gray-700 border border-gray-300 rounded-md hover:bg-gray-50">
                Report Issue
            </a>
        </div>
    </div>
</div>
{% endblock %}