<?php
include realpath(dirname(__DIR__) . '/../include/auth_header.php');
?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

<div class="container d-flex flex-column justify-content-center align-items-center vh-100 text-center">
    <div class="row">
        <div class="col-md-12">
            <!-- Main Error Code -->
            <h1 class="display-1 fw-bold text-danger animate__animated animate__bounceIn">500</h1>
            
            <!-- Error Message -->
            <h2 class="mb-4 text-secondary animate__animated animate__fadeInDown">
                Internal Server Error
            </h2>
            
            <!-- Error Description -->
            <p class="lead text-muted animate__animated animate__fadeInUp">
                Something went wrong on our side. We're working to fix it as soon as possible.
            </p>
            
            <!-- Return Button -->
            <div class="animate__animated animate__fadeInUp animate__delay-1s">
                <a href="?app_route=home" class="btn btn-danger mt-4 px-4 py-2">
                    <i class="fas fa-arrow-left-circle"></i> Go Back to Home
                </a>
            </div>
        </div>
    </div>
</div>

<?php
include realpath(dirname(__DIR__) . '/../include/auth_footer.php');
?>
