<footer class="bg-edunetra-dark text-white py-5 mt-5">
    <div class="container">
        <div class="row g-4">
            <!-- Contact Info -->
            <div class="col-lg-4 col-md-6">
                <h5 class="fw-bold mb-3">Contact Information</h5>
                <div class="text-light opacity-75">
                    <p class="mb-2">
                        <i class="bi bi-envelope me-2"></i> info@edunetra.id
                    </p>
                    <p class="mb-2">
                        <i class="bi bi-telephone me-2"></i> +62 123 456 789
                    </p>
                    <p class="mb-0">
                        <i class="bi bi-geo-alt me-2"></i> Jakarta, Indonesia
                    </p>
                </div>
            </div>

            <!-- Quick Links -->
            <div class="col-lg-4 col-md-6">
                <h5 class="fw-bold mb-3">Quick Links</h5>
                <ul class="list-unstyled">
                    <li class="mb-2">
                        <a href="{{ route('home') }}" class="text-light text-decoration-none opacity-75 hover-opacity-100">
                            <i class="bi bi-house me-2"></i> Home
                        </a>
                    </li>
                    <li class="mb-2">
                        <a href="{{ route('courses.public') }}" class="text-light text-decoration-none opacity-75 hover-opacity-100">
                            <i class="bi bi-book me-2"></i> Courses
                        </a>
                    </li>
                    <li class="mb-2">
                        <a href="{{ route('about') }}" class="text-light text-decoration-none opacity-75 hover-opacity-100">
                            <i class="bi bi-info-circle me-2"></i> About Us
                        </a>
                    </li>
                    <li class="mb-0">
                        <a href="{{ route('contact') }}" class="text-light text-decoration-none opacity-75 hover-opacity-100">
                            <i class="bi bi-envelope me-2"></i> Contact
                        </a>
                    </li>
                </ul>
            </div>

            <!-- About Edunetra -->
            <div class="col-lg-4">
                <h5 class="fw-bold mb-3">About Edunetra</h5>
                <p class="text-light opacity-75 small">
                    Visual Impairment Solutions: Inclusive Opportunities and navigation for English Learning.
                    Empowering education for all.
                </p>
                <div class="mt-3">
                    <span class="bg-edunetra-yellow text-dark px-3 py-2 rounded fw-bold">
                        edunetra.id
                    </span>
                </div>
            </div>
        </div>

        <hr class="my-4 opacity-25">

        <div class="row">
            <div class="col-12 text-center">
                <p class="mb-0 text-light opacity-50 small">
                    &copy; {{ date('Y') }} Edunetra. All rights reserved. | Visual Impairment Solutions: Inclusive Opportunities and navigation for English Learning
                </p>
            </div>
        </div>
    </div>
</footer>
