checkToken();
signOut();
closeButton();
pathURL = document.location.pathname.split("/")[document.location.pathname.split("/").length-1].split(".")[0].replace("add","")


document.getElementById("addUser").addEventListener("click", function(){
    switch (pathURL){
        case "users":
            var updateProfil = ["username", "email", "firstName", "birth", "password"];
            break;
        case "events":
            var updateProfil = ["name", "place", "start_date", "end_date"];
            break;
        default:
            var updateProfil = []
            break;
    }
    var updateOk = true;
    for (var i=0; i<updateProfil.length; i++){
        if(updateProfile[i] == "place"){
            size = document.getElementsByClassName("mapboxgl-ctrl-geocoder--input")[0].value.length
        } else {
            size= document.getElementById(updateProfil[i]+"UpdateInput").value.length
        }
        if(size == 0){
            updateOk = false;
            document.getElementById(updateProfil[i]+"Alert").classList.remove("hidden");
        }
    }
    if(updateOk){
        var selector = { "roles": ""};
        var listSelector = [ "roles"];
        for (var i=0; i<listSelector.length; i++){
            var options = document.querySelectorAll("#"+listSelector[i]+"Selector option");
            for (var j=0; j<options.length; j++){
                if(options[j].selected){
                    selector[listSelector[i]] = options[j].value;
                }
            }
        }
        switch(pathURL){
            case "users":
                dataPut = {
                    "username": document.getElementById("usernameUpdateInput").value,
                    "email": document.getElementById("emailUpdateInput").value,
                    "name": document.getElementById("nameUpdateInput").value,
                    "firstName": document.getElementById("firstNameUpdateInput").value,
                    "birth": document.getElementById("birthUpdateInput").value,
                    "password": document.getElementById("passwordUpdateInput").value,
                    "roles": selector["roles"]  
                };
                break;
            case "events":
                dataPut = {
                    "name": document.getElementById("nameUpdateInput").value,
                    "place": document.getElementsByClassName("mapboxgl-ctrl-geocoder--input")[0].value,
                    "start_date": document.getElementById("start_dateUpdateInput").value,
                    "end_date": document.getElementById("end_dateUpdateInput").value,
                };
                break;
            default:
                dataPut = {};
                break;

        }
        instance({
            method : "put",
            url:pathURL+"s", 
            withCredentials: true, 
            data: dataPut
        }).then(function(response){
            var idAlert = "";
            switch(response.status){
                case 201:
                    idAlert="createUser"
                    var user = document.getElementById("usernameUpdateInput").value;
                    if(user.length > 0){
                        document.getElementById("displayUser").textContent=user;
                    }
                    break;
                case 204:
                    idAlert="notModified"
                    break;
                default:
                    idAlert="unknown";
                    break
            }
            document.getElementById(idAlert+"Alert").classList.remove("hidden");
        }).catch(function(error){
            console.log(error);
            switch(error.response.status){
                case 401:
                    listExist = [ "username", "email" ];
                    for(var i=0; i<listExist.length; i++){
                        if(error.response.data[listExist[i]]){
                            document.getElementById(listExist[i]+"ExistAlert").classList.remove("hidden");
                        }1
                    }
                    idAlert="notAuthorized";
                    break;
                case 403:
                    idAlert="forbidden";
                    break;
                case 403:
                    idAlert="syntaxe";
                    break;
                case 500:
                    idAlert="internalServer";
                    break;
                default:
                    idAlert="unknown";
                    break;
            }
            document.getElementById(idAlert+"Alert").classList.remove("hidden");
        });

    }
           
});