let mobile_open_button = document.getElementById("mobile-menu-open-button");
let mobile_close_button = document.getElementById("mobile-menu-close-button");
let mobile_menu = document.getElementById("mobile-menu");

const profile_button = document.getElementById("profile-menu-button");
let profile_dropdown = document.getElementById("profile-dropdown");

function toggle_mobile_menu() {

    if (mobile_open_button.classList.contains("block")) {
        mobile_menu.classList.remove("hidden");
        mobile_open_button.classList.remove("block");
        mobile_open_button.classList.add("hidden");
        mobile_close_button.classList.remove("hidden");
        mobile_close_button.classList.add("block");
    } else {
        mobile_menu.classList.add("hidden");
        mobile_close_button.classList.remove("block");
        mobile_close_button.classList.add("hidden");
        mobile_open_button.classList.remove("hidden");
        mobile_open_button.classList.add("block");
    }
}

function toggle_profile_dropdown() {

    if (profile_dropdown.classList.contains("hidden")) {
        profile_dropdown.classList.remove("hidden");
    } else {
        profile_dropdown.classList.add("hidden");
    }
}

function hide_profile_dropdown() {
    let profile_dropdown = document.getElementById("profile-dropdown");

    if (!profile_dropdown.classList.contains("hidden")) {
        profile_dropdown.classList.add("hidden");
    }
}

document.addEventListener("click", (event) => {
    if (!profile_button.contains(event.target) && !profile_dropdown.contains(event.target)) {
        profile_dropdown.classList.add("hidden");
    }
});