//Список
const ListGroup = document.querySelector('.groups_list');

//Кнопки
const BtnOpenFormNewGroup= document.querySelector('.btn_new_group');
const BtnAddGroup = document.querySelector('.btn_add_new_group');
const BtnCancelAddGroup= document.querySelector('.btn_cancel_new_group');
const BtnExit = document.querySelector('.btn_exit');

//Окно Добавления
const FormNewGroup= document.querySelector('.form_new_group');

//Инпут добавления
const InputNameGroup = document.querySelector('.input_new_group');

//Никнейм пользователя
const HeaderName = document.querySelector('.HeaderNickNameUser');


//Загрузка списка групп
window.onload = function(event) {
    GroupLoad();
    $.ajax({
        method: "POST",
        url: "public/DataFile.php",
        dataType: 'json',
        data: { }
    }).done(function( obj ) {
        console.log(obj);
        if('UserName' in obj){
            BtnExit.innerHTML = obj.UserName + " : Выход"
            HeaderName.innerHTML = "{"+obj.UserName+"}";
        }else{
            console.log("Ошибочка");
        }
    });
}


//Выход
BtnExit.addEventListener('click', ()=>{
    window.location.href = "authorisation_page.html";
})

//Открытие закрытие окна добавлени
BtnOpenFormNewGroup.addEventListener('click', ()=>{
    FormNewGroup.style.display = 'flex';
})

//Проверка имени
let InputNameCheck=(name)=>{
    console.log(name)
    if(name===''){
        alert('Пустое имя!')
        InputNameGroup.style.borderColor = 'red'
        return false
    }else{
        InputNameGroup.style.borderColor = 'white'
        return true
    }
}

//Доавление группа
BtnAddGroup.addEventListener('click', ()=>{
   if(InputNameCheck(InputNameGroup.value)){
        $.ajax({
            method: "POST",
            url: "public/addGroupScript.php",
            dataType: 'json',
            data: {
                AddedGroupName: InputNameGroup.value
            }
        }).done(function( obj ) {
            if('Status' in obj){
                console.log(obj);
                FormNewGroup.style.display = 'none';
            }else{
                console.log(obj.Error);
            }
        });
    }
    GroupLoad();
})

//Отмена группа
BtnCancelAddGroup.addEventListener('click', ()=>{
    InputNameGroup.value = "";
    FormNewGroup.style.display = 'none';
})

//Загрузка списка групп
function GroupLoad(){
        $.ajax({
        method: "POST",
        url: "public/groups_page.php",
        dataType: 'json',
        data: {
            code: "ssv"
        }
    }).done(function( obj ) {
        if('Groups' in obj){
                console.log(obj);
                console.log(obj.Groups[0].Group_Name)
               /* let arr = obj.Groups[0];
                console.log(obj.Groups.length);
                console.log(arr.id);*/
                            $(ListGroup).empty();
          for (i = 0; i < obj.Groups.length; ++i) {
                let li = document.createElement('li')
                console.log(obj.Groups[i].Group_Name);
                li.className = "element_list_group";
                li.innerHTML = obj.Groups[i].Group_Name;
                let ClickIdGroup = obj.Groups[i].Id_Group;
                let ClickNameGroup = obj.Groups[i].Group_Name;
                li.addEventListener('click', ()=>{
                    console.log(ClickIdGroup);
                    $.ajax({
                        method: "POST",
                        url: "public/IdGroupAdd.php",
                        dataType: 'json',
                        data: {
                            Id_Group:ClickIdGroup,
                            Name_Group:ClickNameGroup
                        }
                    }).done(function( obj ) {
                        if('Status' in obj){
                            window.location.href = "task_group_page.html";
                        }
                    });
                })
                if(obj.Groups[i].Id_Role === "1"){
                    li.style.borderTop = "10px solid #FFFF99";
                }
                ListGroup.append(li);
            }
        }else{
            console.log(obj.Error);
                            $(ListGroup).empty();
        }
    });
}