{% extends "base.html" %}

{% block title %}خطای سرور | {{ site_name }}{% endblock %}

{% block content %}
<div class="container py-۵">
    <div class="row justify-content-center">
        <div class="col-lg-۶ text-center">
            <div class="display-۱ text-muted mb-۴">۵۰۰</div>
            <div class="mb-۴">
                <i class="fas fa-exclamation-triangle fa-۵x text-danger"></i>
            </div>
            <h1 class="h3 mb-۳">خطای داخلی سرور!</h1>
            <p class="text-muted mb-۴">
                متأسفانه مشکلی در سرور رخ داده است.
                لطفاً چند دقیقه دیگر دوباره تلاش کنید.
            </p>
            <div class="d-flex justify-content-center gap-۳">
                <a href="{{ url_for('index') }}" class="btn btn-primary">
                    <i class="fas fa-home me-۲"></i> بازگشت به خانه
                </a>
                <a href="javascript:location.reload()" class="btn btn-outline-primary">
                    <i class="fas fa-sync me-۲"></i> تلاش مجدد
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}