$(document).ready(function () {
    // Click events for different sections
    $("#MenuProfileSetting").click(function () {
        console.log(" profile section clicked");
        hideAllSections();
        $(".profile-section").show();
        $("#MenuProfileSetting").addClass('menuListActiveProfile');
    });

    $("#MenuPassword").click(function () {
        hideAllSections();
        console.log("Password section clicked");
        $(".password-section").show();
        $("#MenuPassword").addClass('menuListActiveProfile');
    });

    $("#AddUserSection").click(function () {
        console.log("Adduser section clicked");
        hideAllSections();
        $(".add-user-section").show();
        $("#AddUserSection").addClass('menuListActiveProfile');
    });

    // Add click event for helpdesk section
    $("#helpdesk-section").click(function () {
        console.log("Helpdesk section clicked");
        hideAllSections();
        $(".helpdesk-section").show(); // Show helpdesk section
        $("#helpdesk-section").addClass('menuListActiveProfile'); // Add active class
    });
});

function hideAllSections() {
    $(".password-section").hide();
    $("#MenuPassword").removeClass('menuListActiveProfile');

    $(".profile-section").hide();
    $("#MenuProfileSetting").removeClass('menuListActiveProfile');

    $(".add-user-section").hide();
    $("#AddUserSection").removeClass('menuListActiveProfile');

    $(".helpdesk-section").hide(); // Hide helpdesk section
    $("#helpdesk-section").removeClass('menuListActiveProfile'); // Remove active class
}