{% extends "base.html" %}

{% block title %}{{ t('Server Error') }} - {{ t('Your Business Name') }}{% endblock %}

{% block content %}
<section class="py-5">
    <div class="container text-center">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="error-page">
                    <h1 class="display-1 fw-bold text-muted">500</h1>
                    <h2 class="display-6 fw-bold mb-4">{{ t('Server Error') }}</h2>
                    <p class="lead text-muted mb-4">{{ t('Something went wrong on our end. We are working to fix the issue. Please try again later.') }}</p>
                    <div class="d-flex flex-wrap justify-content-center gap-3">
                        <a href="{{ url_for('index') }}" class="btn btn-primary btn-lg">{{ t('Go to Homepage') }}</a>
                        <a href="{{ url_for('contact') }}" class="btn btn-outline-primary btn-lg">{{ t('Contact Support') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}