function test(query) {
    $.ajax({
        url: "/api/test/Search",
        type: "post",
        dataType: "json",
        crossDomain: true,
        contentType: "application/json",


        data: JSON.stringify({
           /* Field1: "test",
            Field2: "pest",
            Field3: "kest"*/


            Query: query
        }),
        success: function (response) {
            var resultDiv = $("#results");
            resultDiv.text("");
            for (var i=0; i < response.length; i++){
                var p = $("<div style='border:3px solid lime; margin-top:15px; width:30%'></div>");
                p.append("<b>Имя:</b> </br>" + response[i].Name + "</br><b>Телефоны:</b>  </br>");
                for (var j = 0; j < response[i].Phones.length; j++)
                {
                    p.append(response[i].Phones[j].Phone + "</br>")
                }
                p.append("<button class='remove' data-entry-id='" + response[i].Id + "'>Удалить</button>")
                p.append("<button class='change' data-entry-id='" + response[i].Id + "'>Изменить</button>")
                resultDiv.append(p);
            }

            bind();
            //alert(response);
        },
        error: function (jqXHR /*:jqXHR*/, textStatus, errorThrown) {
            alert("error!");
        }
    });
}

function bind() {
    $(".change").on("click", function () {
        $.ajax({
            url: "/api/test/Change",
            type: "post",
            dataType: "json",
            crossDomain: true,
            contentType: "application/json",


            data: JSON.stringify({
                Phone: $("#Phone").val(),
                Id: $(this).data("entry-id")
            }),
            success: function (response) {
                var resultDiv = $("#results");
                //resultDiv.text("");
                for (var i = 0; i < response.length; i++) {
                    resultDiv.append(response[i] + "<br/>");

                }
            },
            error: function (jqXHR /*:jqXHR*/, textStatus, errorThrown) {
                alert("error!");
            }
        });
    });

    $(".remove").on("click", function () {
        $.ajax({
            url: "/api/test/Remove",
            type: "post",
            dataType: "json",
            crossDomain: true,
            contentType: "application/json",


            data: JSON.stringify({
                Id: $(this).data("entry-id")
            }),
            success: function (response) {
                var resultDiv = $("#results");
                //resultDiv.text("");
                for (var i = 0; i < response.length; i++) {
                    resultDiv.append(response[i] + "<br/>");

                }
                var text = $('#SearchString').val();
                test(text);
            },
            error: function (jqXHR /*:jqXHR*/, textStatus, errorThrown) {
                alert("error!");
            }
        });
    });
}

/*$(function () {
    $("#button").on("click", function () {
        //test();
        alert($(".field1")[0].innerHTML);
    });
});*/

$(function () {
    $("#SearchString").on("keyup", function () {
        var text = $(this).val();
        test(text);
    });

    $("#add").on("click", function () {
        $.ajax({
            url: "/api/test/Add",
            type: "post",
            dataType: "json",
            crossDomain: true,
            contentType: "application/json",


            data: JSON.stringify({
                Phone: $("#Phone").val(),
                Name: $("#Name").val()
            }),
            success: function (response) {
                var resultDiv = $("#results");
                resultDiv.text("");
                for (var i = 0; i < response.length; i++) {
                    resultDiv.append(response[i] + "<br/>");

                }
                var text = $('#SearchString').val();
                test(text);
            },
            error: function (jqXHR /*:jqXHR*/, textStatus, errorThrown) {
                alert("error!");
            }
        });
    });

    bind();
});