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");

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





// 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
    if (!inputs.checked){
        // skrije vsak element z green_row classom
        for(var i=0; i < green_row.length; i++){
            green_row[i].style.display="none";
        };
    }
    else{
        // 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
    if (!potenc_gdpr.checked){
        for(var i=0; i < red_row.length; i++){
            red_row[i].style.display="none";
        };
    }
    else{
        for(var i=0; i < red_row.length; i++){
            red_row[i].style.display="table-row";
        };
    }
    // ne-GDPR ankete
    if (!ne_gdpr_ankete.checked){

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



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');
// }