<?php
http_response_code(500);
include 'includes/header.php';
?>

<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-8 text-center">
            <div class="error-template">
                <h1 class="display-1 text-danger">500</h1>
                <h2>خطأ في الخادم</h2>
                <div class="error-details mb-4">
                    حدث خطأ داخلي في الخادم. يرجى المحاولة مرة أخرى لاحقاً.
                </div>
                <div class="error-actions">
                    <a href="<?= BASE_URL ?>" class="btn btn-primary btn-lg">
                        <i class="fas fa-home"></i> العودة للرئيسية
                    </a>
                    <a href="javascript:history.back()" class="btn btn-outline-primary btn-lg">
                        <i class="fas fa-arrow-left"></i> العودة للخلف
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.error-template {
    padding: 40px 15px;
}
.error-template h1 {
    font-size: 8rem;
    font-weight: bold;
}
.error-actions {
    margin-top: 15px;
}
.error-actions .btn {
    margin: 5px;
}
</style>

<?php include 'includes/footer.php'; ?>