document.addEventListener("DOMContentLoaded", function () {
    // Sidebar detection
    let sidebar = document.getElementById("sidebar");
    let mainContent = document.getElementById("main-content");
    let sidebarIndicator = document.getElementById("sidebar-indicator");
    let collapseButton = document.getElementById("collapse-button");
    let isSidebarOpen = false;

    // Toggle sidebar on indicator click
    sidebarIndicator.addEventListener("click", function () {
        sidebar.style.left = "0px";
        mainContent.style.marginLeft = "250px";
        sidebarIndicator.style.display = "none"; // Hide indicator
        isSidebarOpen = true;
    });

    // Collapse sidebar on collapse button click
    collapseButton.addEventListener("click", function () {
        sidebar.style.left = "-250px";
        mainContent.style.marginLeft = "0";
        sidebarIndicator.style.display = "block"; // Shows indicator again
        isSidebarOpen = false;
    });

    // Smooth scrolling for menu links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (event) {
            event.preventDefault();
            const targetId = this.getAttribute("href").substring(1);
            const targetSection = document.getElementById(targetId);

            if (targetSection) {
                window.scrollTo({
                    top: targetSection.offsetTop - 50, // Adjust for header spacing
                    behavior: "smooth"
                });
            }
        });
    });
});