////////////////////////////////////////////////////////////////
//jQuery metoda spreminja razrede elementov v tabeli


$(document).ready(function () {

    $('tr:not(:first-child)').click(function () {                               //metoda ne deluje na prvem <tr> elementu
        if ($(this).hasClass('unchecked')) {
            $(this).attr('class', 'checked');
            $(this).children().children("input").prop('checked', true);
        } else {
            $(this).attr('class','unchecked');
            $(this).children().children("input").prop('checked', false);
        }
    });

    //metoda za selekcijo oziroma deselekcijo vseh vnosov naenkrat potrebuje za pravilno delovanje dodaten razred no/yes ki označuje ali je odkljukan input check-all
    $('#check-all').click(function () {
        if ($(this).hasClass('no')) {                                           //pogoj
            $(this).attr('class','yes');                                        //zamenjaj razred check-all elementa
            $('tr').attr('class','checked');                                    //zamenjaj razrede vseh <tr> elementov
            $('tr').children().children('input').prop('checked', true);         //obkljukaj vse check-box-e
        } else {
            $(this).attr('class', 'no');
            $('tr').attr('class','unchecked');
            $('tr').children().children('input').prop('checked', false);
        }
    });
});


////////////////////////////////////////////////////////////////
//Metoda spreminja samo razrede naknadno dodanih <tr> elementov ki jih zgornji jQuery ne doseže

function ToggleCheck(id) {

    var elem = document.getElementById(id);
    //elem.childNodes[0].setAttribute('type', 'checkbox');    //Pri dodajanju html kode v metodi AddNewCompanySubmit (linja 156) se checkbox atribut izgubi

    if (elem.getAttribute('class') == 'unchecked') {
        elem.childNodes[0].childNodes[0].checked = true;   
        elem.setAttribute('class', 'checked');
    } else {
        elem.childNodes[0].childNodes[0].checked = false;
        elem.setAttribute('class', 'unchecked');
    }
}



///*
function ActionSelect() {
    var obj = document.getElementById('actionSelect');
    var selection = obj.options[obj.selectedIndex].value;
    var btn = document.getElementById('actionBtn');


    switch (selection) {
        case 'blank':
            btn.value = 'Submit';
            break;
        case 'edit':
            btn.value = 'Edit Company';
            break;
        case 'add':
            btn.value = 'Add Company';
            break;
        case 'remove':
            btn.value = 'Remove Company';
            break;
    }

}//*/
////////////////////////////////////////////////////////////////
//Switch stavek za proženje primerne metode glede na uporabnikovo izbiro

function ExecAction() {

    var args = document.getElementById('actionSelect');
    var action = args.options[args.selectedIndex].value;

    switch (action) {
        case 'add':
            AddCompany();
            break;
        case 'remove':
            RemoveCompaniesOnSite();
            break;
        case 'edit':
            EditCompany();
            break;
        default:
            console.log("No action specified");
    }
}


////////////////////////////////////////////////////////////////
//Metoda za brisanje izbranih vnosov

function RemoveCompaniesOnSite() {

    var checkedCompaines = document.getElementsByClassName('checked');
    var idArr = [];

    for (var i = 0; i < checkedCompaines.length; i++) {
        var id = checkedCompaines[i].getAttribute("data-recordid");
        idArr.push(id);
    }

    if (checkedCompaines.length == 1) {
        if (!confirm('WARNING : You are about to delete a company. Click OK to proceed.')) {
            return;
        }
    } else {
        if (!confirm('WARNING : You are about to delete ' + checkedCompaines.length + ' companies. Click OK to proceed.')) {
            return;
        }
    }   

    //Kliče dummy metodo, če dobi true, se metoda nadaljuje in sproži preostanek kode, sicer sporoči napako v alert okencu in konzole logu
    //pošljemo argumente na "strežnik"

    if (RemoveCompanies(idArr)) {
        while (checkedCompaines[0]) {
            checkedCompaines[0].parentNode.removeChild(checkedCompaines[0]);
        }
    } else {
        alert("An unexpected error occured while processing your request.");
    }
}


////////////////////////////////////////////////////////////////
//Dummy metoda iz zadja, ki naj bi sprejela nove podatke in odgovorila - v tem primeru samo z true ali false

function RemoveCompanies(args) {
    return true;
}


////////////////////////////////////////////////////////////////
//Metoda za proženje modal okna ko uporabnik izbere "Add new company"

function AddCompany() {
    var title = document.getElementById('modal-title');
    title.innerHTML = "Add new Company";

    var compName = document.getElementById('addModalName');            //očistim vsa input polja nazaj na default vrednost
    var compAddr = document.getElementById('addModalAddress');
    var compCity = document.getElementById('addModalCity');
    var compPost = document.getElementById('addModalPost');
    var cmpCntry = document.getElementById('addModalCountry');
    var cmpPhone = document.getElementById('addModalPhone');

    compName.value = '';
    compAddr.value = '';
    compCity.value = '';
    compPost.value = '';
    cmpCntry.value = 'select';
    cmpPhone.value = '';

    modal.style.display = "block";
    console.log("Add Company");  
    var actionBtn = document.getElementById('modalActionBtn');
    actionBtn.setAttribute('onclick', 'AddCompanySubmit()');
}


////////////////////////////////////////////////////////////////
//Dejanska metoda, ki se sproži po uporabnikovem pritisku na gumb 'SUBMIT' - za dodajanje novega vnosa na zaslonu.

var elemIDNum = 0;
function AddCompanySubmit() {

    var elemTag = 'tr';
    var elemID = elemTag + elemIDNum;                                   //elemID bo postal vrednost id selektorja novega <tr> taga
    var input = document.getElementsByClassName('grab-me');             //grab me razred imajo vsa input polja v modal oknu - tukaj jih vse prenesem v tabelo input
    var input2 = document.getElementById('addModalCountry');            //select polje v modal oknu zgrabim posebaj
    var inputCity = input2.options[input2.selectedIndex].innerHTML;     //in ga prenesem v inputCity variabilo
    var newCompany = [];                                                //vse podatke iz modalovih polj bom spravil v to novo tabelo

    for (var i = 0; i < input.length; i++) {
        if (input[i].value == "" || inputCity == "SELECT COUNTRY") {    //preverim če je katero od modal input/select polj prazno, ustavim po potrebi
            alert("All fields are required");
            return;
        } else {
            newCompany.push(input[i].value);                            //potisnem vrednosti v tabelo
        }
    }
    newCompany.push(inputCity);                                         //posebaj na koncu dodam še mesto

    if (SubmitNewCompanyToDB) {                                         //dummy klic v backend, vrne true, temu sledi izpis novega podjetja na zaslonu      
        var newRow = document.createElement('tr');                      //ustvarim tag element tr 
        newRow.setAttribute('id', elemID);                                          //določim mu svoj id namesto id-ja, ki bi ga moral dobiti iz backenda
        newRow.setAttribute('class', 'unchecked');                                              //dodam razred, ki ga imajo vsi ostali zapisi in služi barvnemu označevanju vrstic
        newRow.setAttribute('onclick', 'ToggleCheck(\'' + elemID +'\')');                                       //dodam posebaj metodo ToggleCheck za spreminjanje razredov ker z jQuery-em ne dosežem novo dodanih elementov                                        
        var parent = document.getElementById('myTBody');                                                                    //myTBody je posebej dodan razred, tbody-a samega ne dosežem
        parent.appendChild(newRow);                                                                                         //pripnem nov element na starša
        var newRowInfo = '<td><input type="checkbox" /></td><td>'                                                           //pripravim html kodo v obliki stringa
                   + newCompany[0] + '</td><td>' + newCompany[1] + '</td><td>' + newCompany[2] + '</td><td>'    
                   + newCompany[3] + '</td><td>' + newCompany[4] + '</td><td>' + newCompany[5] + '</td>';
        newRow.innerHTML = newRowInfo;                                                                          //vstavim zgoraj pripravljen string (html)
        elemIDNum++;                                                                                            //dodam +1 elemIDNum-u, ki je globalen in skrbi za unikatnost id selektorjev novih elementov
    } else {
        alert("An unexpected error occured while processing your request.");
    }
 

    modal.style.display = "none";                                       //zaprem modal okno
    alert('New company has been successfully added.');

}


////////////////////////////////////////////////////////////////
//Dummy backend funkcija za dodajanje novega vnosa

function SubmitNewCompanyToDB() {
    return true;
}


////////////////////////////////////////////////////////////////
//Metoda za proženje modal okna ko uporabnik izbere "Add new company"

function EditCompany() {
    var elements = document.getElementsByClassName('checked');
    var element = elements[0];
    var title = document.getElementById('modal-title');
    title.innerHTML = "Edit Company";

    if (elements.length > 1) {
        alert('You can edit only one company at a time.');
        return;
    } else if (elements.length == 0) {
        alert('You should choose a company to edit. You can do so by clicking on one and selecting it.');
    }
    else {
        var compName = document.getElementById('addModalName');
        var compAddr = document.getElementById('addModalAddress');
        var compCity = document.getElementById('addModalCity');
        var compPost = document.getElementById('addModalPost');
        var cmpCntry = document.getElementById('addModalCountry');
        var cmpPhone = document.getElementById('addModalPhone');
        
        compName.value = element.childNodes[1].innerHTML;
        compAddr.value = element.childNodes[2].innerHTML;
        compCity.value = element.childNodes[3].innerHTML;
        compPost.value = element.childNodes[4].innerHTML;
        cmpCntry.value = element.childNodes[5].innerHTML;
        cmpPhone.value = element.childNodes[6].innerHTML;

     
        modal.style.display = "block";
        console.log("Edit Company");
        var actionBtn = document.getElementById('modalActionBtn');
        actionBtn.setAttribute('onclick', 'EditCompanySubmit()');
        element.className += ' tempID';
    }
}


///////////////////////////////////////////////////////////////
//Dejanska metoda, ki se sproži po uporabnikovem pritisku na gumb 'SUBMIT' - za spreminjanje vnosa na zaslonu.

function EditCompanySubmit() {

    var targets = document.getElementsByClassName('checked tempID');    //s pomočjo dodatnega tempID razreda počrpam element, ki ga želi uporabnik spremeniti v tabelo array (ker z id selektorjem nisem uspel sem uporabil razred, zato je rezultat tabela)
    var target = targets[0];                                            //iz tabele stremenim v posamičen objekt 

    var compName = document.getElementById('addModalName').value;       //počrpam nove vrednosti iz modal okna
    var compAddr = document.getElementById('addModalAddress').value;
    var compCity = document.getElementById('addModalCity').value;
    var compPost = document.getElementById('addModalPost').value;
    var cmpCntry = document.getElementById('addModalCountry').value;
    var cmpPhone = document.getElementById('addModalPhone').value;

    target.childNodes[1].innerHTML = compName;                          //vnesem nove/spremenjene vrednosti v tabeli
    target.childNodes[2].innerHTML = compAddr;
    target.childNodes[3].innerHTML = compCity;
    target.childNodes[4].innerHTML = compPost;
    target.childNodes[5].innerHTML = cmpCntry;
    target.childNodes[6].innerHTML = cmpPhone;

    target.className = 'checked';                                       //izbrišem tempID del selektorja

    var modalName = document.getElementById('addModalName');            //očistim vsa input polja nazaj na default vrednost
    var modalAddr = document.getElementById('addModalAddress');
    var modalCity = document.getElementById('addModalCity');
    var modalPost = document.getElementById('addModalPost');
    var mdalCntry = document.getElementById('addModalCountry');
    var mdalPhone = document.getElementById('addModalPhone');

    modalName.value = '';
    modalAddr.value = '';
    modalCity.value = '';
    modalPost.value = '';
    mdalCntry.value = 'select';
    mdalPhone.value = '';

    modal.style.display = "none";                                      //zaprem modal okno
    alert('New company has been successfully edited.');
}