var buffer = 0;

$(document).ready(function () {
    $("#kinderen").val("0");
    $("#kinderen").on('change', aantalKinderen);
    $("#BurgerlijkeStaat").on('change', partnerInfo);
    $("#nfctagid").on('change', loader);
});


var NFC_input = $("#nfctagid");

function loader() {
    //  $("#nfctagid").css({'visibility':'hidden'});

    if(NFC_input.val().length <=0){

        $(".loader").addClass('show');
        $('.succes').addClass('hide');
    }
    else{
        $(".loader").removeClass('show');
        $(".loader").addClass('hide');
        $('.succes').removeClass('hide');

        console.log("hide");
        $("#nfctagid").attr("readonly", 'readonly');
    }
}

setInterval(function(){ loader() }, 2000);


function aantalKinderen() {
    var aantalKinderen = $("#kinderen").val();
    makeFields(aantalKinderen);
}

function makeFields(aantal) {
    var container = $('#kinderenField');
    container.empty();
    for (i = 1; i <= aantal; i++) {
        var kinddiv =

            "<h6 class='m-0'>Kind " + i + "</h6>" +
            "<div id='kind" + i + "'class='form-row'>" +
            "<div class='form-group col-md-4'>" +
            "<label for='KindVoornaam'>Voornaam<strong>*</strong></label>" +
            "<input type='text' name='KindVoornaam " + i + "' class='form-control' id='KindVoornaam' required>" +
            "</div>"

            +
            "<div class='form-group col-md-4'>" +
            "<label for='KindFamilienaam'>Familienaam<strong>*</strong></label>" +
            "<input type='text' name='KindFamilienaam " + i + "' class='form-control' id='KindFamilienaam' required>" +
            "</div>"

            +
            "<div class='form-group col-md-4'>" +
            "<label for='KindGeboortedatum'>Geboortedatum<strong>*</strong></label>" +
            "<input type='date' name='KindGeboortedatum " + i + "' class='form-control' min='1910-01-01' max='2100-01-01' id='KindGeboortedatum' required>" +
            "</div>" +
            "</div>";
        container.append(kinddiv);
    }
    buffer = aantal;
}

function partnerInfo() {
    var partnerContainer = $("#partnerInfo");

    var partner = $("#BurgerlijkeStaat").children(":selected").attr("id");
    if (partner !== "Alleenstaand") {
        partnerContainer.empty();
        var partnerdiv =
            "<div id='partner' class='row-lg-12'>" +
            "<div class='form-group col-md-4'>" +
            "<label for='PartnerVoornaam'>Voornaam Partner<strong>*</strong></label>" +
            "<input type='text' name='PartnerVoornaam' class='form-control' id='PartnerVoornaam' required>" +
            "</div>"

            +
            "<div class='form-group col-md-4'>" +
            "<label for='PartnerFamilienaam'>Familienaam Partner<strong>*</strong></label>" +
            "<input type='text' name='PartnerFamilienaam' class='form-control' id='PartnerFamilienaam' required>" +
            "</div>"

            +
            "<div class='form-group col-md-4'>" +
            "<label for='PartnerGeboortedatum'>Geboortedatum Partner<strong>*</strong></label>" +
            "<input type='date' name='PartnerGeboortedatum' class='form-control' min='1910-01-01' max='2100-01-01' id='PartnerGeboortedatum' required>" +
            "</div>";
        partnerContainer.append(partnerdiv);
    } else {
        partnerContainer.empty();
    }
}