var lastAuthScopesSelect = null;

$(document).ready(function(){
    let scopeElements = document.getElementsByClassName("auth-scopes");

    if (scopeElements && scopeElements.length > 0) {
        let authLinkSelect = document.getElementById("link");
        authLinkSelect.addEventListener("change", displayScopeTableOnChange)
    }
});


function displayScopeTableOnChange(event) {
    let authLinkSelect = document.getElementById("link");
    let currentSelection = authLinkSelect.value;
    let scopeSelection = currentSelection.split("/");
    if (scopeSelection.length >= 2) {
        scopeSelection = scopeSelection[2];
    }

    let idToShow = "#" + scopeSelection + "-scopes";
    let elementToShow = $(idToShow);

    if (elementToShow) {
        elementToShow.toggleClass("auth-scopes");
        if(lastAuthScopesSelect) {
            lastAuthScopesSelect.toggleClass("auth-scopes");
        }
        lastAuthScopesSelect = elementToShow;
    }

}