$(document).ready(function() {
    var enumerations = {};
    $.ajax({
        url: "http://localhost:8080/api/nomenclatures/businessTypes"
    }).then(function(data) {
        enumerations = data;
        var $el = $("#companyType");
        //$el.empty(); // remove old options

        $.each(data, function(index, obj) {
            $el.append("<option value=" + obj.value + ">" + obj.text + "</option>");
        });
    });

    $("#companyType").change(function() {
        var selectedVal = $(this).find(':selected').val();
        alert(JSON.stringify(enumerations[selectedVal-1]));
        var selectedObj = enumerations[selectedVal-1];
        var $el = $("#predefined_services");
        $el.empty();
        $.each(selectedObj['serviceTypes'], function (index, obj) {
            $el.append(
                '<div class="form-check">\n' +
                '    <input class="form-check-input" type="checkbox" value=\"' + obj.id + '\" id=\"'+ obj.id +'\">\n' +
                '        <label class="form-check-label" for=\"' + obj.id + '\">\n' +
                              obj.name +
                '         </label>\n' +
                '    </div>')
        });
    })
});