(function() {
    var baseUri = "/api/Configuration";

    function loadList() {
        $.ajax({
            url: baseUri,

            success: function(config) {

                var list = $("#names");
                list.empty();

                for (var i = 0; i < config.length; i++) {
                    var name = config[i].ConfigName;
                    var email = config[i].EmailAdress;
                    var hostname = config[i].HostingName;
                    var ftpusername = config[i].FtpUserName;
                    var registration = config[i].Registration;
                    var typeofhost = config[i].TypeOfHosting;
                    list.append("<dl>" + "<b>" + 'Configuration Name: ' + "</b>" + name + "</dl>");
                    list.append("<dt>" + 'EmailAdress: ' + email + "</dt>");
                    list.append("<dt>" + 'HostingName: ' + hostname + "</dt>");
                    list.append("<dt>" + 'FtpUserName: ' + ftpusername + "</dt>");
                    list.append("<dt>" + 'Registration: ' + registration + "</dt>");
                    list.append("<dt>" + 'TypeOfHosting: ' + typeofhost + "</dt>");
                }
            }
        });
    }

    loadList();
    $(document).ready(function() {
        $("#addNewBtn").on("click", postConfig);
    });

    function postConfig() {
        var config = {};
        config.configName = $("#configName").val();
        config.email = $("#emailAdress").val();
        config.host = $("#hostingName").val();
        config.ftpUser = $("#HostingName").val();
        config.configName = $("#ftpUserName").val();
        config.typerOfHost = $("#typeOfHosting").val();


        $.ajax({
            url: baseUri,
            type: "POST",
            data: JSON.stringify(email),
            dataType: "json",
            contentType: "application/json",
            success:  loadList(),

            error: errorHandler,
            statusCode: {
                201: function() {
                    alert("Created. Имя успешно добавлено в коллекцию.");
                },
                400: function() {
                    alert("Bad Request. Операция не выполнена.");
                }
            }

        });
    }
    function errorHandler(xhr, textStatus, error) {
        if (xhr.status == "404") {
            alert('Элемент не найден.')
        }
        else if (xhr.status == "400") {
            alert('Запрос сформирован не правильно.')
        }
        else if (xhr.status == "500") {
            alert('Ошибка сервера.')
        }
    }
})();