<?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">404</h1>
            
            <!-- Error Message -->
            <h2 class="mb-4 text-secondary animate__animated animate__fadeInDown">
                Oops! Page Not Found
            </h2>
            
            <!-- Error Description -->
            <p class="lead text-muted animate__animated animate__fadeInUp">
                The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.
            </p>
            
            <!-- Return Button -->
            <div class="animate__animated animate__fadeInUp animate__delay-1s">
                <a href="?app_route=home" class="btn btn-primary mt-4 px-4 py-2">
                    <i class="fas fa-arrow-left-circle"></i> Go Back to Home
                </a>
            </div>
        </div>
    </div>
    
    <!-- Optional: Add a Footer or Extra Information -->
    <div class="row mt-5">
        <div class="col-md-12">
            <p class="text-muted">
                If you believe this is an error, please contact support.
            </p>
        </div>
    </div>
</div>

<!-- Optional: Add Social Media or Additional Links (if needed) -->
<div class="footer-links text-center mt-4">
    <a href="#" class="text-muted me-3">
        <i class="fab fa-facebook"></i>
    </a>
    <a href="#" class="text-muted me-3">
        <i class="fab fa-twitter"></i>
    </a>
    <a href="#" class="text-muted">
        <i class="fab fa-linkedin"></i>
    </a>
</div>

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