<?php
// includes/footer.php
// This file contains the closing HTML tags and any site-wide footer content.
// It will be included at the end of index.php.
?>
    </main>

    <!-- Footer Section -->
    <footer class="bg-gray-800 text-white text-center py-4 mt-auto">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <p>&copy; <?php echo date('Y'); ?> LMS Prototype. All rights reserved.</p>
        </div>
    </footer>

    <script>
        // Simple JavaScript for toggling the mobile menu
        document.addEventListener('DOMContentLoaded', function () {
            const mobileMenuButton = document.querySelector('[aria-controls="mobile-menu"]');
            const mobileMenu = document.getElementById('mobile-menu');

            mobileMenuButton.addEventListener('click', function () {
                const isExpanded = this.getAttribute('aria-expanded') === 'true' || false;
                this.setAttribute('aria-expanded', !isExpanded);
                mobileMenu.style.display = isExpanded ? 'none' : 'block';
                // Toggle SVG icons
                this.querySelector('svg:first-of-type').classList.toggle('hidden');
                this.querySelector('svg:last-of-type').classList.toggle('hidden');
            });
        });
    </script>
</body>
</html>
