var length = 0;
var Bizgaze;
(function (Bizgaze) {
    let Forms;
    (function (Forms) {
        let Controls;
        (function (Controls) {
            class TabSchemeContacts extends Unibase.Platform.Core.BaseComponent {
                init() {
                    var instance = this;
                    instance.loadcontacts();
                }
                jsFiles() {
                    return ['apps/transact/managers/offers/offermanager.js', 'apps/transact/managers/interfaces/offers/ioffermanager.js'];
                }
                cssFiles() {
                    return [];
                }
                html(id, containerid) {
                    var html = '<div class="card"><div class="card-header" id="section_"><strong class="text-dark">Tab Scheme Contact Details</strong></div><div class="modal-body" id="bindtagas"></div><div class="bg-white card-footer pa-10" id="formFooter"><a href="javascript:;" id="btn_Close" class="btn btn-light btn-sm mr-auto btn_Close">Close</a><div class="btn-group dropup btn_Save"><button type="button" class="btn btn-sm btn-primary" onclick="Bizgaze.Forms.Controls.TabSchemeContacts.Instance().Save(' + containerid + ')">Save</button></div></div></div>';
                    return html;
                }
                load(id, containerid, callback) {
                    var instance = this;
                    $("#btn_Close").click(function () {
                        $('#' + containerid).modal('hide');
                        $('#' + containerid).remove();
                    });
                    instance.edittabschemecontact(id);
                }
                loadcontacts() {
                    var InstalledAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                    for (let obj of Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters) {
                        if (obj.Key === "hf_" + InstalledAppId + "_offerid") {
                            var offerid = obj.Value.toString();
                        }
                    }
                    var jsfiles = ['apps/transact/managers/offers/offermanager.js', 'apps/transact/managers/interfaces/offers/ioffermanager.js'];
                    this.fileCacheHelper.loadJsFiles(jsfiles, function () {
                        Bizgaze.Apps.Transact.Managers.OfferManager.Instance().refreshtabschemecontacts(offerid).then(function (response) {
                            return response.result;
                        });
                    });
                    var detailobj = Unibase.Themes.Providers.DetailHelper.DetailInstance();
                    detailobj._recordId = Unibase.Themes.Providers.DetailHelper.recordId;
                    detailobj._installedAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                    detailobj._containerId = detailobj._containerId;
                    detailobj.loadPortlets(detailobj);
                }
                edittabschemecontact(contactid) {
                    var InstalledAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                    var ContactId = contactid;
                    var offerid = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_offerid").Value;
                    var jsfiles = ['apps/transact/managers/offers/offermanager.js', 'apps/transact/managers/interfaces/offers/ioffermanager.js'];
                    this.fileCacheHelper.loadJsFiles(jsfiles, function () {
                        Bizgaze.Apps.Transact.Managers.OfferManager.Instance().edittabschemecontact(offerid, ContactId).then(function (response) {
                            var data = response.result;
                            length = data.length;
                            var ContactName = data[0].ContactName;
                            var HeaderText = `<div class="col-sm-12 mb-10"><div class="row" id="div_CustomerName"><label for="lbl" class="col-sm-3"><strong> Customer Name : </strong> </label><p class="ml-10">` + ContactName + `</p></div></div><div class='row col-sm-12' id="HeaderText"><div class='col-sm-3'><strong>Plan Name</strong></div><div class='col-sm-3'><strong>Incentive Name</strong></div><div class='col-sm-3 text-center'><strong>CIR</strong></div><div class='col-sm-3 text-center ooactual'><strong>OO</strong></div></div>`;
                            $("#bindtagas").append(HeaderText);
                            var display = "hidden";
                            for (var j = 0; j < data.length; j++) {
                                var TabSchemeContactId = data[j].TabSchemeContactId;
                                var ContactName = data[j].ContactName;
                                var PlanName = data[j].PlanName;
                                var IncentiveName = data[j].IncentiveName;
                                var DisplayTarget = data[j].DisplayTarget;
                                var ActualTarget = data[j].ActualTarget;
                                var ContactId = data[j].ContactId;
                                var PlanId = data[j].PlanId;
                                var PlanVolumeId = data[j].PlanVolumeId;
                                if (data[j].ShowActualTarget) {
                                    display = "";
                                }
                                else {
                                    $(".ooactual").addClass("hidden");
                                }
                                var html = `<div class="row col-sm-12"><div class="col-sm-3"><div class="mt-10" id="div_PlanName"><p>` + PlanName + `</p></div></div><div class="col-sm-3"><div class="mt-10" id="div_IncentiveName"><p>` + IncentiveName + `</p></div></div><div class="col-sm-3"><div class="diplaytext floating-label-form-group-with-value" id="div_DisplayTarget"><div class=""><input type="text" id="txt_DisplayTarget_` + j + `" value="` + DisplayTarget + `" class="form-control text-center txt_DisplayTarget floating-label-control ` + TabSchemeContactId + `" data-isdynamic="false" placeholder="Display Target" data-placeholder="Enter Display Target" data-label="Display Target"><input type="hidden" id="hfFormPropertyId"></div></div></div><div class="col-sm-3"><div class="floating-label-form-group-with-value ` + display + `" id="div_ActualTarget"><div class=""><input type="text" id="txt_ActualTarget_` + j + `" value="` + ActualTarget + `" class="form-control text-center txt_ActualTarget  floating-label-control ` + TabSchemeContactId + `" data-isdynamic="false" placeholder="Actual Target" data-placeholder="Enter Actual target" data-label="Actual Target"><input type="hidden" id="hfFormPropertyId"></div></div></div></div>`;
                                $("#bindtagas").append(html);
                            }
                        });
                    });
                }
                Save(containerid) {
                    var array = [];
                    for (var i = 0; i < length; i++) {
                        var displaytarget = $("#txt_DisplayTarget_" + i + "").val();
                        var actualtarget = $("#txt_ActualTarget_" + i + "").val();
                        var TabSchemeContactId = Number(document.getElementById('txt_DisplayTarget_' + i + '').className.split(' ')[document.getElementById('txt_DisplayTarget_' + i + '').className.split(' ').length - 1]);
                        array.push({ "TabSchemeContactId": TabSchemeContactId, "ActualTarget": actualtarget, "DisplayTarget": displaytarget });
                    }
                    Bizgaze.Apps.Transact.Managers.OfferManager.Instance().updatetabschemecontact(array).then(function (response) {
                        return response.result;
                    });
                    $('#' + containerid.id).modal('hide');
                    $('#' + containerid.id).remove();
                    var detailobj = Unibase.Themes.Providers.DetailHelper.DetailInstance();
                    detailobj._recordId = Unibase.Themes.Providers.DetailHelper.recordId;
                    detailobj._installedAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                    detailobj._containerId = detailobj._containerId;
                    detailobj.loadPortlets(detailobj);
                }
                loadControl(containerid, prop) {
                    throw new Error("Method not implemented.");
                }
                loadControlSettings(controlsettingjson, formpropertyid) {
                    throw new Error("Method not implemented.");
                }
                loadPropertySettings(propertysettings, formpropertyid, DocPropertyName) {
                    throw new Error("Method not implemented.");
                }
                bindEditFormDetails(formpropertyid, propval, DocPropertyName) {
                    throw new Error("Method not implemented.");
                }
                static Instance() {
                    if (this._instance === undefined)
                        this._instance = new TabSchemeContacts();
                    return this._instance;
                }
            }
            Controls.TabSchemeContacts = TabSchemeContacts;
        })(Controls = Forms.Controls || (Forms.Controls = {}));
    })(Forms = Bizgaze.Forms || (Bizgaze.Forms = {}));
})(Bizgaze || (Bizgaze = {}));