    </div> <!-- End Main Content -->
</div> <!-- End Main Wrapper -->

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<!-- Mobile Menu Script -->
<script src="assets/js/mobile-menu.js?v=<?php echo time(); ?>"></script>

<!-- Language Switcher JS -->
<script src="assets/js/language-switcher.js?v=<?php echo time(); ?>"></script>

<!-- Dashboard JS -->
<script src="assets/js/dashboard.js?v=<?php echo time(); ?>"></script>

<!-- Common JS -->
<script>
    // Smooth scrolling for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
        anchor.addEventListener('click', function (e) {
            var href = this.getAttribute('href');
            if (href === '#') return;
            var target = document.querySelector(href);
            if (target) {
                e.preventDefault();
                target.scrollIntoView({ behavior: 'smooth' });
            }
        });
    });

    // Auto-dismiss alerts after 5 seconds
    setTimeout(function() {
        var alerts = document.querySelectorAll('.alert:not(.alert-permanent)');
        alerts.forEach(function(alert) {
            try {
                var bsAlert = new bootstrap.Alert(alert);
                bsAlert.close();
            } catch(e) {}
        });
    }, 5000);
</script>
</body>
</html>

