<footer class="bg-whitesmoke text-dark pt-5 pb-3 border-top mt-auto">
    <div class="container">
        <div class="row g-4">
            <!-- About Section -->
            <div class="col-lg-4 col-md-6">
                <h5 class="fw-bold mb-4">HASSER ONLINE</h5>
                <p class="text-muted">Empowering the next generation of leaders through quality education, innovative learning, and technical excellence.</p>
                <div class="social-links mt-4">
                    <a href="#" class="text-dark"><i class="fab fa-facebook-f"></i></a>
                    <a href="https://wa.me/254790666507" target="_blank" class="text-dark"><i class="fab fa-whatsapp"></i></a>
                    <a href="#" class="text-dark"><i class="fab fa-instagram"></i></a>
                    <a href="#" class="text-dark"><i class="fab fa-linkedin-in"></i></a>
                </div>
            </div>

            <!-- Quick Links -->
            <div class="col-lg-2 col-md-6">
                <h6 class="fw-bold mb-4">Quick Links</h6>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="<?php echo $root_url; ?>index.php" class="text-dark text-decoration-none">Home</a></li>
                    <li class="mb-2"><a href="<?php echo $base_url; ?>about.php" class="text-dark text-decoration-none">About Us</a></li>
                    <li class="mb-2"><a href="<?php echo $base_url; ?>application.php" class="text-dark text-decoration-none">Apply Now</a></li>
                    <li class="mb-2"><a href="<?php echo $base_url; ?>contacts.php" class="text-dark text-decoration-none">Contacts</a></li>
                </ul>
            </div>

            <!-- Services -->
            <div class="col-lg-3 col-md-6">
                <h6 class="fw-bold mb-4">Services</h6>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="<?php echo $base_url; ?>courses.php" class="text-dark text-decoration-none">Online Courses</a></li>
                    <li class="mb-2"><a href="<?php echo $base_url; ?>my_learning.php" class="text-dark text-decoration-none">Lectures Notes</a></li>
                    <li class="mb-2"><a href="<?php echo $base_url; ?>dashboard.php" class="text-dark text-decoration-none">Student Portal</a></li>
                    <li class="mb-2"><a href="<?php echo $root_url; ?>index.php#services" class="text-dark text-decoration-none">E-Learning</a></li>
                </ul>
            </div>

            <!-- Contact Info -->
            <div class="col-lg-3 col-md-6">
                <h6 class="fw-bold mb-4">Contact Info</h6>
                <div class="d-flex mb-3">
                    <i class="fas fa-map-marker-alt text-primary me-3 mt-1"></i>
                    <p class="mb-0 text-muted">Nairobi CBD, Kenya</p>
                </div>
                <div class="d-flex mb-3">
                    <i class="fas fa-phone text-primary me-3 mt-1"></i>
                    <p class="mb-0 text-muted">+254790666507</p>
                </div>
                <div class="d-flex mb-3">
                    <i class="fas fa-envelope text-primary me-3 mt-1"></i>
                    <p class="mb-0 text-muted">info@hessarcollege.edu</p>
                </div>
            </div>
        </div>
        
        <hr class="my-4">
        
        <div class="row align-items-center">
            <div class="col-md-6 text-center text-md-start">
                <p class="mb-0 small text-muted">&copy; 2026 HASSER ONLINE. All rights reserved.</p>
            </div>
            <div class="col-md-6 text-center text-md-end">
                <p class="mb-0 small text-muted">Designed for Excellence in Technology</p>
            </div>
        </div>
    </div>
</footer>

<?php if(isset($_SESSION['user_id'])): ?>
</div> <!-- End content-wrapper -->
<?php endif; ?>

<!-- Back to Top Button -->
<button id="backToTop" class="btn btn-primary rounded-circle shadow-lg position-fixed d-none" style="bottom: 30px; right: 30px; width: 50px; height: 50px; z-index: 2000;">
    <i class="fas fa-chevron-up"></i>
</button>

<!-- Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Custom JS -->
<script src="/Hessar_college/assets/main.js"></script>
</body>
</html>
