var maconomyPriceListSelected;

//Save the Form
function PreSaveAction() {
	
	 //Contract Description Box Character check
	
	if( $("DIV[id*=Description][role=textbox]").text().length > 254) 
	{
        alert("Contract Description : Please enter characters below 255");
		return false;
    }
	
	
	//Comment Box Character check
	
	if( $("DIV[id*=Comment][role=textbox]").text().length > 254) 
	{
        alert("Comment Box : Please enter characters below 255");
		return false;
    }

    //Customer Number Data

    var CustomerNumber = []
    var AllCustomerNumber = $("textarea[title='AllCustomerNumbers']");
    AllCustomerNumber.val("");

    $("#ChosenCustomers").children().each(function () {
        var Customer = $(this);
        var SKI = (Customer.attr("data-ski") == "true") ? "true" : "false"; //New addition for SKI part
        CustomerNumber.push({ Number: Customer.attr("data-customernumber"), Name: Customer.attr("data-customername"), SKI: SKI })
    });

    //Customer Name Data

    var CustomerName = []
    var AllCustomerName = $("textarea[title='AllCustomerNames']");
    AllCustomerName.val("");

    $("#ChosenCustomersNames").children().each(function () {
        var Customer = $(this);
        var SKI = (Customer.attr("data-ski") == "true") ? "true" : "false"; //New addition for SKI part

        CustomerName.push({ Number: Customer.attr("data-customernumber"), Name: Customer.attr("data-customername"), SKI: SKI })

    });

    var jsonCustomerName = JSON.stringify(CustomerName);
    var jsonCustomerNumber = JSON.stringify(CustomerNumber);

    if (CustomerName.length > 0 && CustomerNumber.length > 0) {
        AllCustomerNumber.val(JSON.stringify(CustomerNumber));
        AllCustomerName.val(JSON.stringify(CustomerName));
    }
    else if (CustomerName.length > 0 && CustomerNumber.length == 0) {
        AllCustomerName.val(JSON.stringify(CustomerName));
    }
    else if (CustomerNumber.length > 0 && CustomerName.length == 0) {
        AllCustomerNumber.val(JSON.stringify(CustomerNumber));
    }
    else {
        alert("Please enter Values for Customer Number or Customer Name");
        return false;
    }

    //PriceList Data
    var PriceLists = []

    var AllPriceList = $("textarea[title='AllPriceList']");
    AllPriceList.val("");

    $("#ChosenPriceList").children().each(function () {
        var PriceList = $(this);
        PriceLists.push({ Name: PriceList.text() })
    });

    var pricelistnumber = PriceLists.length;

    if (PriceLists.length > 0) {
        AllPriceList.val(JSON.stringify(PriceLists));
    }
    else {
        if (maconomyPriceListSelected == "yes") {
            alert("Please enter Values for PriceList");
            return false;
        }
        else {
            return true;
        }
    }
    return true;
}

function DeleteChosenPriceList(obj) {
    $(obj).parent().parent().remove();
}

function DeleteChosenCustomer(obj) {
    $(obj).parent().parent().remove();
}

function DeleteChosenCustomerName(obj) {
    $(obj).parent().parent().remove();
}

//Rendering Customer Values chosen with Customer Number
function RenderChosenCustomers() {
    var chosenCustomers = $("#ChosenCustomers");
    var SelectedCustomers;
    SelectedCustomers = $("textarea[title='AllCustomerNumbers']").val();
    var DisplayForm = false;

    if (SelectedCustomers === undefined) {
        DisplayForm = true;
        SelectedCustomers = $("#AllCustomerNumbers > div").text();
        if(SelectedCustomers=='')
        {
            SelectedCustomers = null;
            return;
        }
    } else {
        if (SelectedCustomers.length == 0) {
            return;
        }
    }
    var SelectedCustomersJSON;
    SelectedCustomersJSON = JSON.parse(SelectedCustomers);


    $.each(SelectedCustomersJSON, function (i, o) {
        if (DisplayForm) {
            chosenCustomers.append("<div><div class='ChosenCustomerValue'>" + o.Number + o.Name + "</div>");
            return true;
        }

        chosenCustomers.append("<div><div class='ChosenCustomerValue'>" + o.Number + o.Name +
			"<img src='../../SiteAssets/New%20FWC%20List%20Custom%20Forms/delete.png' class='ChosenCustomerDelete' onclick='DeleteChosenCustomer(this)' /></div></div>");

        chosenCustomers.children().last().attr("data-customername", o.Name);
        chosenCustomers.children().last().attr("data-customernumber", o.Number);
        chosenCustomers.children().last().attr("data-ski", o.SKI);
    });
}

//Rendering Customer Values chosen with Customer Name
function RenderChosenCustomerName() {
    var chosenCustomersNames = $("#ChosenCustomersNames");
    var SelectedCustomersNames;
    SelectedCustomersNames = $("textarea[title='AllCustomerNames']").val();
    var DisplayFormNames = false;

    if (SelectedCustomersNames === undefined) {
        DisplayFormNames = true;
        SelectedCustomersNames = $("#AllCustomerNames > div").text();
        if(SelectedCustomersNames=='')
        {
            SelectedCustomersNames = null;
            return;
        }
    } else {
        if (SelectedCustomersNames.length == 0) {
            return;
        }
    }
    var SelectedCustomersNamesJSON;
    SelectedCustomersNamesJSON = JSON.parse(SelectedCustomersNames);


    $.each(SelectedCustomersNamesJSON, function (i, o) {
        if (DisplayFormNames) {
            chosenCustomersNames.append("<div><div class='ChosenCustomerNameValue'>" + o.Name + o.Number + "</div>");
            return true;
        }

        chosenCustomersNames.append("<div><div class='ChosenCustomerNameValue'>" + o.Number + o.Name +
			"<img src='../../SiteAssets/New%20FWC%20List%20Custom%20Forms/delete.png' class='ChosenCustomerDelete' onclick='DeleteChosenCustomerName(this)' /></div></div>");

        chosenCustomersNames.children().last().attr("data-customernumber", o.Number);
        chosenCustomersNames.children().last().attr("data-customername", o.Name);
        chosenCustomersNames.children().last().attr("data-ski", o.SKI);
    });
}

//Rendering PriceList Values chosen
function RenderChosenPriceLists() {

    var chosenPriceLists = $("#ChosenPriceList");
    var SelectedPriceLists = $("textarea[title='AllPriceList']").val();
    //var SelectedPriceLists1 = $("textarea[title='pricelist']").val();
    var DisplayForm = false;

    if (SelectedPriceLists === undefined) {
        DisplayForm = true;
        SelectedPriceLists = $("#AllPriceList > div").text();
        if(SelectedPriceLists=='')
        {
            SelectedPriceLists = null;
            return;
        }
    } else {
        if (SelectedPriceLists.length == 0) {
            maconomyPriceListSelected = "no";
            return;
        }
    }

    var SelectedPriceListJSON;
    SelectedPriceListJSON = JSON.parse(SelectedPriceLists);

    $.each(SelectedPriceListJSON, function (i, o) {
        if (DisplayForm) {
            chosenPriceLists.append("<div><div class='ChosenPriceListValue'>" + o.Name + "</div>");
            return true;
        }

        chosenPriceLists.append("<div><div class='ChosenPriceListValue'>" + o.Name +
			"<img src='../../SiteAssets/New List Custom Forms/delete.png' class='ChosenPriceListDelete' onclick='DeleteChosenPriceList(this)' /></div></div>");

        chosenPriceLists.children().last().attr("data-pricelist", o.Number);
    });
}

//Customer Number Search
function AddAutoComplete(selector) {
    $(selector).autocomplete({
        autoFocus: true,
        minLength: 4,
        source: function (request, response) {
            var CAML = "<Query><Where><And><Contains><FieldRef Name='CustomerNumber' /><Value Type='Text'>" + request.term + "</Value></Contains><Eq><FieldRef Name='Blocked'/><Value Type='Boolean'>No</Value></Eq></And></Where></Query>";

            $().SPServices({
                operation: "GetListItems",
                async: false,
                listName: "Customers",
                CAMLViewFields: "<ViewFields><FieldRef Name='Name1'/><FieldRef Name='CustomerNumber'/></ViewFields>",
                CAMLQuery: CAML,
                CAMLRowLimit: 10,
                completefunc: function (xData, Status) {
                    response($.map($(xData.responseXML).SPFilterNode("z:row"), function (item) {
                        return {
                            label: $(item).attr("ows_CustomerNumber"),
                            value: $(item).attr("ows_Name1")
                        }
                    }));
                }
            });
        },
        select: function (event, ui) {
            event.preventDefault();
            var chosenCustomers = $("#ChosenCustomers");
            chosenCustomers.append("<div><div class='ChosenCustomerValue'>" + ui.item.label + " " + ui.item.value +
                "<img src='../../SiteAssets/New%List%20Custom%20Forms/delete.png' class='ChosenCustomerDelete' onclick='DeleteChosenCustomer(this)'/></div></div>");

            //ive had to add the attribute this way as there seems to be a problem accessing an attribute added in the append function above 
            chosenCustomers.children().last().attr("data-customernumber", ui.item.label);
            chosenCustomers.children().last().attr("data-customername", ui.item.value);

            //clear the search box
            this.value = "";
        }
    });
}

//Customer Name Search
function AddAutoCompleteCustomerName(selector) {
    $(selector).autocomplete({
        autoFocus: true,
        minLength: 4,
        source: function (request, response) {
            var CAML = "<Query><Where><And><Contains><FieldRef Name='Name1' /><Value Type='Text'>" + request.term + "</Value></Contains><Eq><FieldRef Name='Blocked'/><Value Type='Boolean'>No</Value></Eq></And></Where></Query>";

            $().SPServices({
                operation: "GetListItems",
                async: false,
                listName: "Customers",
                CAMLViewFields: "<ViewFields><FieldRef Name='Name1'/><FieldRef Name='CustomerNumber'/></ViewFields>",
                CAMLQuery: CAML,
                CAMLRowLimit: 10,
                completefunc: function (xData, Status) {
                    response($.map($(xData.responseXML).SPFilterNode("z:row"), function (item) {
                        return {
                            label: $(item).attr("ows_Name1"),
                            value: $(item).attr("ows_CustomerNumber")
                        }
                    }));
                }
            });
        },
        select: function (event, ui) {
            event.preventDefault();
            var chosenCustomers = $("#ChosenCustomersNames");
            chosenCustomers.append("<div><div class='ChosenCustomerNameValue'>" + ui.item.value + " " + ui.item.label +
                "<img src='../../SiteAssets/New%List%20Custom%20Forms/delete.png' class='ChosenCustomerNameDelete' onclick='DeleteChosenCustomerName(this)'/></div></div>");

            //ive had to add the attribute this way as there seems to be a problem accessing an attribute added in the append function above 
            chosenCustomers.children().last().attr("data-customername", ui.item.label);
            chosenCustomers.children().last().attr("data-customernumber", ui.item.value);

            //clear the search box
            this.value = "";
        }
    });
}

//SKI customer Search
function AttachGetSkiCustomers() {
    var SkiDropDown = $("select[title='Framework Contract is a part of SKI']");

    SkiDropDown.change(function () {
        var IsSki = SkiDropDown.find("option:selected").val();

        if (IsSki.toLowerCase() == "yes") {
            var CAML = "<Query><Where><And><Contains><FieldRef Name='CustomerType' /><Value Type='Text'>Public - International Financial Institutions (World Bank, UN)</Value></Contains><Eq><FieldRef Name='Country' /><Value Type='Text'>Denmark</Value></Eq></And></Where></Query>";
            var SKICustomerLoadingIndicator = $("#SKICustomerLoadingIndicator");
            SKICustomerLoadingIndicator.show().SPServices({
                operation: "GetListItems",
                async: true,
                listName: "Customers",
                CAMLViewFields: "<ViewFields><FieldRef Name='Name1' /><FieldRef Name='CustomerNumber' /></ViewFields>",
                CAMLQuery: CAML,
                CAMLRowLimit: 10,
                completefunc: function (xData, Status) {
                    var chosenCustomers = $("#ChosenCustomersNames");

                    $(xData.responseXML).SPFilterNode("z:row").each(function () {
                        chosenCustomers.append("<div><div class='ChosenCustomerNameValue'>" + $(this).attr("ows_CustomerNumber") + " " + $(this).attr("ows_Name1") +
                            "<img src='../../SiteAssets/New%20List%20Custom%20Forms/delete.png' class='ChosenCustomerNameDelete' onclick='DeleteChosenCustomerName(this)'/></div></div>");

                        //ive had to add the attribute this way as there seems to be a problem accessing an attribute added in the append function above 
                        chosenCustomers.children().last().attr("data-customernumber", $(this).attr("ows_CustomerNumber")).attr("data-ski", "true");
                        chosenCustomers.children().last().attr("data-customername", $(this).attr("ows_Name1")).attr("data-ski", "true");
                    });

                    SKICustomerLoadingIndicator.hide();
                }
            });
        } else {
            var chosenCustomers = $("#ChosenCustomersNames").find("[data-ski='true']").remove();
        }
    });
}

//Price List Search
function AddAutoComplete1(selector) {
    var priceListDropDown = $("select[title='Maconomy Pricelist Created']");

    priceListDropDown.change(function () {
        var IsPriceList = priceListDropDown.find("option:selected").val();

        if (IsPriceList.toLowerCase() == "yes") {
            maconomyPriceListSelected = "yes";
        }
        else {
            maconomyPriceListSelected = "no";
        }
    });
    $(selector).autocomplete({
        autoFocus: true,
        minLength: 4,
        source: function (request, response) {
            var CAML = "<Query><Where><Contains><FieldRef Name='JobPriceListName' /><Value Type='Text'>" + request.term + "</Value></Contains></Where></Query>";

            $().SPServices({
                operation: "GetListItems",
                async: false,
                listName: "PriceList",
                CAMLViewFields: "<ViewFields><FieldRef Name='JobPriceListName' /></ViewFields>",
                CAMLQuery: CAML,
                CAMLRowLimit: 10,
                completefunc: function (xData, Status) {
                    response($.map($(xData.responseXML).SPFilterNode("z:row"), function (item) {
                        return {
                            label: $(item).attr("ows_JobPriceListName")
                        }
                    }));
                }
            });
        },
        select: function (event, ui) {
            event.preventDefault();
            var chosenPriceLists = $("#ChosenPriceList");
            chosenPriceLists.append("<div><div class='ChosenPriceListValue'>" + ui.item.label +
                "<img src='../../SiteAssets/New%20List%20Custom%20Forms/delete.png' class='ChosenPriceListDelete' onclick='DeleteChosenPriceList(this)'/></div></div>");

            //ive had to add the attribute this way as there seems to be a problem accessing an attribute added in the append function above 
            chosenPriceLists.children().last().attr("data-pricelist", ui.item.value);

            //clear the search box
            this.value = "";
        }
    });
}