<?php
// /elms/includes/lecturer_layout_bottom.php
declare(strict_types=1);
?>

        </section>
    </main>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

<script>
function toggleLecturerSidebar() {
    const sidebar = document.getElementById('lecturerSidebar');
    if (sidebar) {
        sidebar.classList.toggle('show');
    }
}

document.addEventListener('click', function (event) {
    const sidebar = document.getElementById('lecturerSidebar');
    const button = event.target.closest('.mobile-menu-btn');

    if (!sidebar) return;

    if (window.innerWidth <= 992 && !sidebar.contains(event.target) && !button) {
        sidebar.classList.remove('show');
    }
});
</script>

</body>
</html>