var green_row_count = document.getElementsByClassName("green_row").length;
var red_row_count = document.getElementsByClassName("red_row").length;
var grey_row_count = document.getElementsByClassName("grey_row").length;

var text_box1 = document.getElementById("num_of_surveys1");
var text_box2 = document.getElementById("num_of_surveys2");
var text_box3 = document.getElementById("num_of_surveys3");

var text_box1_p = document.getElementById("p_num_of_surveys1");
var text_box2_p = document.getElementById("p_num_of_surveys2");
var text_box3_p = document.getElementById("p_num_of_surveys3");


// izpis ŠTEVILA posameznih anket (gdpr / potencialno gdpr / ne-gdpr)
// text_box1.innerHTML =  green_row_count;
// text_box2.innerHTML =  red_row_count;
// text_box3.innerHTML = grey_row_count;


// tekst popravljen glede na število anket

//green row
if (green_row_count == 1){
    text_box1_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+green_row_count+' </span> anketa vsebuje GDPR občutljive podatke';
}
else if (green_row_count == 2){
    text_box1_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+green_row_count+' </span> anketi  vsebujeta GDPR občutljive podatke';
}
else if (green_row_count == 3){
    text_box1_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+green_row_count+' </span> ankete  vsebujejo GDPR občutljive podatke';
}
else {
    text_box1_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+green_row_count+' </span> anket  vsebuje GDPR občutljive podatke';
}
//red row
if (red_row_count == 1){
    text_box2_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+red_row_count+' </span> anketa lahko vsebuje GDPR občutljive podatke';
}
else if (red_row_count == 2){
    text_box2_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+red_row_count+' </span> anketi lahko   vsebujeta GDPR občutljive podatke';
}
else if (red_row_count == 3){
    text_box2_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+red_row_count+' </span> ankete lahko  vsebujejo GDPR občutljive podatke';
}
else {
    text_box2_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+red_row_count+' </span> anket lahko  vsebuje GDPR občutljive podatke';
}
//grey row
if (grey_row_count == 1){
    text_box3_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+grey_row_count+' </span> anketa ne vsebuje GDPR občutljivih podatkov';
}
else if (grey_row_count == 2){
    text_box3_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+grey_row_count+' </span> anketi ne vsebujeta GDPR občutljivih podatkov';
}
else if (grey_row_count == 3){
    text_box3_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+grey_row_count+' </span> ankete ne vsebujejo GDPR občutljivih podatkov';
}
else {
    text_box3_p.innerHTML = ' <span class="num_of_surveys" id="num_of_surveys1"> '+grey_row_count+' </span> anket ne vsebuje GDPR občutljivih podatkov';
}

// Seznam anket - togle checkbox prikaz anket

function test_function() {
    var inputs = document.getElementById("gdpr_ankete_check");
    var potenc_gdpr = document.getElementById("potenc_gdpr_ankete_check");
    var ne_gdpr_ankete = document.getElementById("ne_gdpr_ankete");

    var green_row = document.getElementsByClassName("green_row");
    var red_row = document.getElementsByClassName("red_row");
    var grey_row = document.getElementsByClassName("grey_row");

    console.log(green_row.length);


    // GDPR ANKETE togle
    var box1 = document.getElementsByClassName("num_box1")[0];
    var box1_Color = document.getElementById("num_box1");

    box1_Color.style.backgroundColor="rgba(20, 255, 0, 0.05)";

    if (!inputs.checked){

        box1_Color.style.background="#ffffff";

        box1.classList.remove("checked");

        // skrije vsak element z green_row classom
        for(var i=0; i < green_row.length; i++){
            green_row[i].style.display="none";
        };
    }
    else{

        box1_Color.style.background="rgba(20, 255, 0, 0.05)";

        // box1.classList.toggle("checked");
        box1.classList.add("checked");

        // prikaže vsak element z green_row classom
        for(var i=0; i < green_row.length; i++){
            green_row[i].style.display="table-row";
        };
    }


    // potencialno GDPR ankete togle
    var box2 = document.getElementsByClassName("num_box2")[0];
    var box2_Color = document.getElementById("num_box2");


    if (!potenc_gdpr.checked){
        box2_Color.style.backgroundColor="#ffffff";
        box2.classList.remove("checked");

        for(var i=0; i < red_row.length; i++){
            red_row[i].style.display="none";
        };
    }
    else{
        box2_Color.style.backgroundColor="rgba(255, 0, 0, 0.05)";
        box2.classList.add("checked");

        for(var i=0; i < red_row.length; i++){
            red_row[i].style.display="table-row";
        };
    }



    // ne-GDPR ankete
    var box3 = document.getElementsByClassName("num_box3")[0];
    if (!ne_gdpr_ankete.checked){

        box3.classList.remove("checked");

        for(var i=0; i < grey_row.length; i++){
            grey_row[i].style.display="none";
        };
    }
    else{
        box3.classList.add("checked");

        for(var i=0; i < grey_row.length; i++){
            grey_row[i].style.display="table-row";
        };
    }
}

function gdpr_ankete(){
    var check_gdpr_ankete = document.getElementById('gdpr_ankete_check');
    
    //GDOR ANKETE
    if (check_gdpr_ankete.checked){
        check_gdpr_ankete.checked = false;
        test_function();
    }
    else {
        check_gdpr_ankete.checked = true;
        test_function();
    }
}

function potenc_gdpr_ankete(){

    var check_potenc_gdpr = document.getElementById('potenc_gdpr_ankete_check');

    //POTENCGDOR ANKETE
    if (check_potenc_gdpr.checked){
        check_potenc_gdpr.checked = false;
        test_function();
    }
    else {
        check_potenc_gdpr.checked = true;
        test_function();
    }
}

function ne_gdpr_ankete(){

    var check_negdpr_ankete = document.getElementById('ne_gdpr_ankete');

    //NE GDPR ANKETE
    if (check_negdpr_ankete.checked){
        check_negdpr_ankete.checked = false;
        test_function();
    }
    else {
        check_negdpr_ankete.checked = true;
        test_function();
    }
}

function teme_options(){
    var toggle = document.getElementsByClassName('buttons-window');
    toggle.onclick = function(){
        toggle.classList.toggle('active');
    }
}

// var toggle = document.getElementById();
// toggle.onclick = function(){
//     toggle.classList.toggle('active');
// }