//Инпуты
const name_task = document.querySelector('.input_add_name_task')
const description_task = document.querySelector('.textarea_add_description_task')
const nameAddedUser = document.querySelector('.input_add_user')

//Список задач
const ListTask = document.querySelector('.list_task_group')
//Окна
const windowTask = document.querySelector('.window_add_task')
const windowUser = document.querySelector('.window_add_user');

//Кнопки
const BtnAddTask = document.querySelector('.btn_add_task')
const BtnAddUser = document.querySelector('.btn_add_user')
const BtnOpenToGroup = document.querySelector('.btn_open_group_page')
const BtnExit = document.querySelector('.btn_exit')
const BtnBackGroup = document.querySelector('.btn_open_group_page')

//Открыть окно
const BtnOpenAddTask = document.querySelector('.btn_open_add_task')
const BtnOpenAddUser = document.querySelector('.btn_open_add_user')
const BtnCloseAddTask = document.querySelector('.cancel_add_task_button')
const BtnCloseAddUser = document.querySelector('.cancel_add_user_button')

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

//ComboBox
const UrgencyBox = document.querySelector('.UrgencyBox')
const ImportanceBox = document.querySelector('.ImportanceBox')


window.onload = function(event) {
    LoadTask();
    windowTask.style.display = 'none';
    windowUser.style.display = 'none';

    //Выход
    $.ajax({
        method: "POST",
        url: "public/DataFile.php",
        dataType: 'json',
        data: { }
    }).done(function( obj ) {
        console.log(obj);
        if('UserName' in obj){
            BtnExit.innerHTML = obj.UserName + " : Выход"
            GroupLabel.innerHTML = obj.Name_Group
            HeaderName.innerHTML = "{"+obj.UserName+"}"
        }else{
            console.log("Ошибочка");
        }
    });
}

let TaskStatus = {
    Added:1,
    Started:2,
    OnVerification:3,
    Rejected:4
}



//Кноки открытия окна
BtnOpenAddTask.addEventListener('click',()=>{
    windowTask.style.display = 'flex';
});
BtnOpenAddUser.addEventListener('click',()=>{
    windowUser.style.display = 'flex';
});
//Кнопки закрытия окна
BtnCloseAddTask.addEventListener('click',()=>{
    windowTask.style.display = 'none';
});
BtnCloseAddUser.addEventListener('click',()=>{
    windowUser.style.display = 'none';
});

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

BtnBackGroup.addEventListener('click', ()=>{
    window.location.href = "groups_page.html";
})

//Создание задачи
BtnAddTask.addEventListener('click',()=>{
    if(name_task.value===''){
        alert('Отсутсвует имя задачи!')
    }else{
        if(description_task.value===''){
            alert('Отсутсвует описание задачи!')
        }else{
            let UrgencyStat = Number(UrgencyBox.value);
            let ImportanceStat = Number(ImportanceBox.value);

            $.ajax({
                method: "POST",
                url: "public/AddTaskInGroup.php",
                dataType: 'json',
                data: {
                    TaskHeader: name_task.value,
                    TaskDescription: description_task.value,
                    Urgency: UrgencyStat,
                    Importance: ImportanceStat
                }
            }).done(function( obj ) {
                if('Status' in obj){
                    console.log(obj);
                    windowTask.style.display = 'none';
                    LoadTask();
                }else{
                    console.log(obj);
                }
            });
        }
    }
})
//Добавление пользователя
BtnAddUser.addEventListener('click',()=>{
    if(nameAddedUser.value===''){
        alert('Не введено имя пользователя!')
    }else{
        $.ajax({
            method: "POST",
            url: "public/AddUserInGroup.php",
            dataType: 'json',
            data: {
                AddedUserName: nameAddedUser.value
            }
        }).done(function( obj ) {
            if('Status' in obj){
                console.log(obj);
                windowUser.style.display = 'none';
                alert("Пользователь("+obj.AddedUser+") доавлен.")
            }else{
                alert(obj.Error)
            }
        });
    }
})

//Загрурзка задач
function LoadTask(){
    $.ajax({
        method: "POST",
        url: "public/task_group.php",
        dataType: 'json',
        data: {
            code: "ssv"
        }
    }).done(function( obj ) {
        if('Tasks' in obj){
            console.log(obj.Tasks);
            $(ListTask).empty();
           for (i = 0; i < obj.Tasks.length; ++i) {
                let li = document.createElement('li')
                //console.log(obj.Tasks[i].Task_Heading);
               //console.log(obj);
                li.className = "element_list_task";
                //li.innerHTML = obj.Tasks[i].Task_Heading;
                //let ClickHeaderTask = obj.Tasks[i].Task_Heading;
                /*li.addEventListener('click', ()=>{
                    console.log(ClickHeaderTask);
                })*/
                //console.log(obj.Tasks[i].Id_Status)
                let DivHeader = document.createElement('div')
               let ClassNameForHeader = "HeaderTask ";

               switch (obj.Tasks[i].Id_Urgency) {
                   case "1":
                       li.className += " NotUrgent";
                       break;
                   case "2":
                       li.className += " Urgently";
                       break;
                   case "3":
                       li.className += " VeryUrgently";
                       break;
                   case "4":
                       li.className += " VeryVeryUrgently";
                       break;
                   default:
                       li.className += " Non";
               }

                DivHeader.className = ClassNameForHeader;
                DivHeader.innerHTML = obj.Tasks[i].Task_Heading;

                let DivDescription = document.createElement('div')
                DivDescription.className = "DescriptionTask ";
                DivDescription.innerHTML = obj.Tasks[i].Task_Description;

                let DivContainerButton = document.createElement('div')
               DivContainerButton.className = "DivContainerButton ";

                let BtnOpenDesc = document.createElement('button');
                BtnOpenDesc.className = "button_open_description";
                BtnOpenDesc.innerHTML = "";
                BtnOpenDesc.addEventListener('click', ()=>{
                    DivDescription.style.display = 'flex';
                    BtnCloseDesc.style.display = 'flex';
                    BtnOpenDesc.style.display = 'none';
                })

               let BtnCloseDesc = document.createElement('button');
               BtnCloseDesc.className = "button_close_description";
               BtnCloseDesc.innerHTML = " ";
               BtnCloseDesc.addEventListener('click', ()=>{
                   DivDescription.style.display = 'none';
                   BtnOpenDesc.style.display = 'flex';
                   BtnCloseDesc.style.display = 'none';
               })

                let ThisTaskId = parseInt(obj.Tasks[i].id)
                if(obj.Tasks[i].Id_Status != "3"){
                    let button = document.createElement('button');
                    button.className = "Btn_Task";
                    switch (obj.Tasks[i].Id_Status) {
                        case "1":
                            button.innerHTML = "Начать!";
                            button.style.backgroundColor = "#25a516";

                            button.addEventListener('click', ()=>{
                            console.log(typeof ThisTaskId)
                            ModiicateTask(ThisTaskId, TaskStatus.Started);
                            })
                        break;
                        case "2":
                            button.innerHTML = "Завершить?";
                            button.style.backgroundColor = "#b19319";
                            button.addEventListener('click', ()=>{
                                ModiicateTask(ThisTaskId, TaskStatus.OnVerification);
                            })
                        break;
                        case "4":
                            button.innerHTML = "Повторить?";
                            button.style.backgroundColor = "#E88C16";
                            button.addEventListener('click', ()=>{
                                ModiicateTask(ThisTaskId, TaskStatus.Added);
                            })
                        break;
                        default:
                            button.innerHTML = "0";
                    }

                    DivContainerButton.append(button);
                }else{
                    //Приянять
                    let buttonAccept = document.createElement('button');
                    buttonAccept.className = "Acept_Btn_Task Btn_Task";
                    buttonAccept.innerHTML = "Завершить";
                    buttonAccept.style.backgroundColor = "#25a516";
                    buttonAccept.addEventListener('click', ()=>{
                        DeleteTask(ThisTaskId);
                    })

                    //Отменить
                    let buttonCancel = document.createElement('button');
                    buttonCancel.className = "Cancel_Btn_Task Btn_Task";
                    buttonCancel.innerHTML = "Отклонить";
                    buttonCancel.style.backgroundColor = "#C62018";
                    buttonCancel.addEventListener('click', ()=>{
                        ModiicateTask(ThisTaskId, TaskStatus.Rejected);
                    })

                    DivContainerButton.append(buttonAccept);
                    DivContainerButton.append(buttonCancel);
                }
                DivContainerButton.append(BtnOpenDesc);
                DivContainerButton.append(BtnCloseDesc);

                DivHeader.append(DivContainerButton);
                li.append(DivHeader);
                li.append(DivDescription);

                ListTask.append(li);
            }
        }else{
            console.log(obj);
            $(ListTask).empty();
        }
    });
}

//Изменение статуса задачи
function ModiicateTask(TaskId, NewStatus){
    $.ajax({
        method: "POST",
        url: "public/TaskModificate.php",
        dataType: 'json',
        data: {
            ModTaskId:TaskId,
            ModNewStatus:NewStatus
        }
    }).done(function( obj ) {
        if('Status' in obj){
            console.log(obj);
            LoadTask();
        }else{
            console.log(obj.Error);
            LoadTask();
        }
    });
}

//Удаление задачи
function DeleteTask(TaskId){
    $.ajax({
        method: "POST",
        url: "public/TaskDelete.php",
        dataType: 'json',
        data: {
            DelTaskId:TaskId,
        }
    }).done(function( obj ) {
        if('Status' in obj){
            console.log(obj);
            LoadTask();
        }else{
            console.log(obj.Error);
            LoadTask();
        }
    });
}