WebBuild/wwwroot/apps/transact/controls/payments/paymentmode.component.js

var paymentlistitem = 0;
var paymentJournalEntryId = 0;
var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Transact;
        (function (Transact) {
            let Controls;
            (function (Controls) {
                class PaymentMode extends Unibase.Platform.Core.BaseComponent {
                    constructor() {
                        super(...arguments);
                        this.isOrder = false;
                    }
                    init(formpropertyid, prop, callback) {
                        var instance = this;
                        instance.isMultiplePayment = false;
                        instance.paymentTypeId = 1;
                        instance.fileCacheHelper.loadJsFile("apps/transact/managers/payments/paymentmanager.js", function () {
                            instance.fileCacheHelper.loadJsFile("apps/transact/controls/payments/wallet.component.js", function () {
                                instance.fileCacheHelper.loadJsFile("apps/transact/controls/payments/dues.component.js", function () {
                                    instance.fileCacheHelper.loadJsFile("apps/transact/controls/payments/paymentsummary.components.js", function () {
                                        instance.fileCacheHelper.loadJsFile("apps/transact/enums/enum.js", function () {
                                            instance.fileCacheHelper.loadJsFile("apps/crm/contacts/managers/contactmanager.js", function () {
                                                instance.loadPaymentControl("paymentModeContainer");
                                                instance.loadContacts();
                                                eval('_floatingLabelHelper.init()');
                                                if (callback != null) {
                                                    callback();
                                                }
                                            });
                                        });
                                    });
                                });
                            });
                        });
                    }
                    loadControl(containerid, prop) {
                        var instance = this;
                        var containerhtml = `<div id="paymentModeContainer"></div>`;
                        $("#" + containerid).html(containerhtml);
                        $('.Section').not('.section_Default').hide();
                    }
                    loadPaymentControl(containerid) {
                        var instance = this;
                        var html = `<div class="row m-t-lg"> 
                            <input type="hidden" id="hdn_customcontrol" class="value-control" value="Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().getobj();">
                            </div>` +
                            `<div class="card-body pr-0 pl-0">` +
                            `<div class="row">` +
                            `<div id="divSectionProperties_AddPaymentMode" class="AddPaymentMode col-sm-1 mt-10 pr-0 pl-0 text-center" data-size="1" data-propertyname="AddPaymentMode"" data-isdefault="false" data-rowindex="5">
                              <a id="btnSection_AddPaymentMode" class="btn btn-primary mt-20"><i class="text-white fa fa-plus"></i></a></div>` +
                            `<div id="div_paymentmode" class="col-sm-4 border-0 floating-label-form-group floating-label-form-group-with-value"><label for="lbl" id="lbl_paymentmodeid">Payment Mode<span class="text-danger hide" id="spnIsRequired_paymentmodeid"> *</span></label><div class="input-group"><select id="txtAutoComplete_paymentmodeid" class="txtAutoComplete_paymentmodeid form-control type-control text-control select2-hidden-accessible" data-isdefault="false" style="width:100%;" placeholder="Select" data-placeholder="Select" data-label="Select" data-istagselect="false"></select><input type="hidden" id="hfAutoComplete_paymentmodeid" value="" class="hfAutoComplete_paymentmodeid form-control value-control" data-isdynamic="true" data-propdoctypename="JournalEntity" data-required="true" data-regularexp="" data-validatemsg=""/></div></div>`
                            +
                                `  <div id="control" class="control-group  col-sm-2 " data-size="2" data-propertyname="RefNo"  data-isdefault="true" data-rowindex="2" data-validatename="Ref No"><div id="div_RefNo" class="floating-label-form-group">
<label for="lbl" id="lbl_RefNo">Ref No<span class="text-danger hidden" id="spnIsRequired"> *</span></label>
            <input type="text" id="txt_RefNo" class="form-control value-control  floating-label-control" data-required="false" data-regularexp="" data-validatemsg="" placeholder="Ref No" data-placeholder="Enter Ref No" data-label="Ref No"> </div>
         <label for="Validation" id="lblValidation_RefNo"></label></div>` +
                            `<div id="div_RefDate_Container" class="control-group col-sm-2 pr-0 pl-0"><div id="div_RefDate" class="CancelBtnFloating floating-label-form-group"><label for="lbl" id="lbl_RefDate">Ref Date<span class="text-danger hidden" id="spnIsRequired_RefDate"> *</span></label>
            <div class="input-group"><input type="text" id="date_RefDate" class="dateselect_1 form-control value-control datepicker-input hasDatepicker floating-label-control"  placeholder="Ref Date " data-placeholder="dd/mm/yyyy" data-label="Ref Date ">
<span class="input-group-addon mt-10"><i class="fa fa-calendar"></i></span><input type="hidden" id="hfId" value="">
<label for="Validation" id="lblValidation_RefDate"></label>
            <input type="hidden" id="hfFormPropertyId" value=""></div></div></div>` +
                            `<div id="control-container" class="control-group divCustomProperties_Credit  col-sm-3 " data-size="3">
<div id="div_Credit" class="floating-label-form-group"><label for="lbl" id="lbl_Credit">Amount<span class="text-danger " id="spnIsRequired"> *</span></label><input type="text" id="txt_TotalCreditAmount" inputmode="numeric" class="form-control value-control floating-label-control decimal_numerics" data-required="true" data-regularexp="" data-validatemsg="" placeholder="Amount *" data-placeholder="Enter Amount" data-label="Amount *"><input type="hidden" id="hf_TotalCreditAmount" value=""/> </div> <label for="Validation" id="lblValidation_Credit"></label></div>` +
                            `<div id="div_BankId" class="col-sm-4 pr-0 floating-label-form-group floating-label-form-group-with-value border-0"><label for="lbl" id="lbl_BankId">Bank Name<span class="text-danger hide" id="spnIsRequired_BankId"> *</span></label><div class="input-group"><select id="txtAutoComplete_BankId" class="txtAutoComplete_BankId form-control text-control select2-hidden-accessible" data-isdefault="false" style="width:100%;" placeholder="Select Bank" data-placeholder="Select Bank" data-label="Select Bank" data-istagselect="false"></select><input type="hidden" id="hfAutoCompleteId_BankId" value="" class="hfAutoCompleteId_BankId form-control value-control" ></div><input type="hidden" id="hfId_BankId" value=""/><label for="Validation" id="lblValidation_BankId"></label></div>` +
                            `<div id="control" class="control-group col-sm-3 " data-size="3" data-propertyname="BankBranch">
            <div id="div_BankBranch" class="floating-label-form-group"><label for="lbl" id="lbl_BankBranch">Bank Branch<span class="text-danger " id="spnIsRequired"> *</span></label><input type="text" id="txt_BankBranch" class="form-control value-control floating-label-control " data-required="true" data-regularexp="" data-validatemsg="" placeholder="Bank Branch * " data-placeholder="Enter Branch Name" data-label="Bank Branch *"> </div> <label for="Validation" id="lblValidation_BankBranch"></label>
             </div>` +
                            `<div id="div_ChequeDate_Container" class="control-group ChequeDate controldata col-sm-2 pr-0 pl-0 border-0 floating-label-form-group floating-label-form-group-with-value" data-size="3" data-propertyname="ChequeDate"><div id="div_ChequeDate" class="CancelBtnFloating floating-label-form-group"><label for="lbl" id="lbl_ChequeDate">Cheque Date<span class="text-danger hidden" id="spnIsRequired_ChequeDate"> *</span></label><div class="input-group"><input type="text" id="date_ChequeDate" class="dateselect_1 form-control value-control datepicker-input hasDatepicker floating-label-control"  placeholder="Cheque Date *" data-placeholder="dd/mm/yyyy" data-label="Cheque Date *"><span class="input-group-addon mt-10"><i class="fa fa-calendar"></i></span><input type="hidden" id="hfId" value=""><label for="Validation" id="lblValidation_ChequeDate"></label><input type="hidden" id="hfFormPropertyId" value=""></div></div></div>` +
                            `<div class="control-group ChequeNo col-sm-3 "><div id="div_ChequeNo" class="floating-label-form-group"><label for="lbl" id="lbl_ChequeNo">Cheque No.<span class="text-danger " id="spnIsRequired"> *</span></label><input type="text" id="txt_ChequeNo" class="form-control value-control floating-label-control decimal_numerics" data-required="true" data-regularexp="" data-validatemsg="" placeholder="Cheque No. * " data-placeholder="Enter Cheque No." data-label="Cheque No. *"> </div> <label for="Validation" id="lblValidation_ChequeNo"></label></div>` +
                            ` </div>` +
                            ` </div>`;
                        $("#" + containerid).html(html);
                        if (Unibase.Themes.Providers.DetailHelper.installedAppId != 0) {
                            if (Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.length != 0) {
                                var InstalledAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                                var contactParam = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_contactid");
                                var spocParam = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_orgcontactid");
                                if (contactParam == undefined || contactParam == null || contactParam == "") {
                                    contactParam = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_organizationid");
                                }
                                if (spocParam != undefined && contactParam != undefined) {
                                    var ContactId = Number(contactParam.Value);
                                    var spocId = Number(spocParam.Value);
                                    Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().getOrganizationById(ContactId).then(function (response) {
                                        spocParam.Value = response.result.DefaultOrgContactId;
                                        if (spocParam != undefined && contactParam != undefined) {
                                            var ContactId = Number(contactParam.Value);
                                            var spocId = Number(spocParam.Value);
                                            if (ContactId != undefined && !isNaN(ContactId) && spocId != undefined && !isNaN(spocId)) {
                                                Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().LoadorgContactDetails(ContactId, spocId);
                                            }
                                        }
                                    });
                                    if (ContactId != undefined && !isNaN(ContactId) && spocId != undefined && !isNaN(spocId)) {
                                        Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().LoadorgContactDetails(ContactId, spocId);
                                    }
                                }
                            }
                        }
                        $(".paymentrefdate_1").daterangepicker({
                            locale: {
                                format: 'DD/MM/YYYY',
                            },
                            singleDatePicker: true,
                            showDropdowns: true,
                            minYear: 1901,
                            maxDate: new Date(2050, 11, 31)
                        });
                        $(".paymentrefdate_1").parents(".floating-label-form-group").addClass("floating-label-form-group-with-value");
                        $(".dateselect_1").daterangepicker({
                            locale: {
                                format: 'DD/MM/YYYY',
                            },
                            singleDatePicker: true,
                            showDropdowns: true,
                            minYear: 1901,
                            maxDate: new Date(2050, 11, 31)
                        });
                        $(".dateselect_1").parents(".floating-label-form-group").addClass("floating-label-form-group-with-value");
                        $("#div_BankId").addClass('hidden');
                        $("#div_BankBranch").addClass('hidden');
                        $("#div_ChequeDate").addClass('hidden');
                        $("#div_ChequeNo").addClass('hidden');
                        $('.decimal_numerics').on('paste', function (event) {
                            var orgEvent = event.originalEvent;
                            if (orgEvent.clipboardData.getData('Text').match(/[^\d.]/g)) {
                                event.preventDefault();
                            }
                        });
                        $(".decimal_numerics").on('input', function (evt) {
                            const inputVal = $(evt.currentTarget).val();
                            $(evt.currentTarget).val(inputVal.replace(/[^\d.]/g, ''));
                        });
                        Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().loadPaymentModes();
                        Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().getMultipleModeSetting();
                        var paymentlisthtml = '<div class="card hidden" id="div_payments">' +
                            '<div class="card-header">' +
                            '<div class="d-none d-md-block">' +
                            '<div class="row pl-10 pr-10">' +
                            '<div class="col-sm-5"><strong>Mode</strong></div>' +
                            '<div class="col-sm-5"><strong>Amount</strong></div>' +
                            '<div class="col-sm-2 text-right"><strong>Delete</strong></div>' +
                            '</div>' +
                            '</div>' +
                            '<div class="d-md-none">' +
                            '<div><strong>Payments</strong></div>' +
                            '</div>' +
                            '</div>' +
                            '<div class="card-body"><ul class="list-group accordion" id="paymentslist"><li class="paymentmodelistitem hidden"></li></ul></div></div>';
                        $("#date_ChequeDate").daterangepicker({
                            locale: {
                                format: 'DD/MM/YYYY',
                            },
                            singleDatePicker: true,
                            showDropdowns: true,
                            minYear: 1901,
                            maxDate: new Date(2050, 11, 31)
                        });
                        $("#date_ChequeDate").parents(".floating-label-form-group").addClass("floating-label-form-group-with-value");
                        $('#div_payments').remove();
                        $(".section_PaymentModeDetails").after(paymentlisthtml);
                        $("#btnSection_AddPaymentMode").click(function () {
                            Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().loadPaymentSummary();
                            var data = [];
                            var paymentModeId = $("#txtAutoComplete_paymentmodeid").val();
                            var totalCreditAmount = $("#txt_TotalCreditAmount").val();
                            var paymentAccountIdAttr = $(".txtAutoComplete_paymentaccountid").attr("id");
                            var paymentAccountId = $("#" + paymentAccountIdAttr).val();
                            if ((paymentModeId != 0 && paymentModeId != null && paymentModeId != undefined) && (totalCreditAmount != undefined && totalCreditAmount != null && totalCreditAmount != "") && (paymentAccountId != 0 && paymentAccountId != null && paymentAccountId != undefined)) {
                                if (paymentModeId != 2) {
                                    $("#div_payments").removeClass("hidden");
                                    Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().AddPaymentModeListItem(data);
                                }
                                else {
                                    if ($(".txtAutoComplete_BankId").val() != 0 && ($("#date_ChequeDate").val() != undefined && $("#date_ChequeDate").val() != null && $("#date_ChequeDate").val() != "") && ($("#txt_ChequeNo").val() != null && $("#txt_ChequeNo").val() != undefined && $("#txt_ChequeNo").val() != "")) {
                                        $("#div_payments").removeClass("hidden");
                                        Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().AddPaymentModeListItem(data);
                                    }
                                    else {
                                        Unibase.Platform.Forms.Components.FormViewer.Instance().showError("Please fill Bank Details");
                                        return false;
                                    }
                                }
                            }
                            else if (paymentModeId != 0 && totalCreditAmount == "") {
                                if (paymentModeId == 7) {
                                    $("#div_payments").removeClass("hidden");
                                    Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().AddPaymentModeListItem(data);
                                }
                                else {
                                    Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(paymentAccountIdAttr);
                                    Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation("txtAutoComplete_paymentmodeid");
                                    Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation("txt_TotalCreditAmount");
                                    Unibase.Platform.Forms.Components.FormViewer.Instance().showError("Mandatory fields are missing");
                                    return false;
                                }
                            }
                            else if (paymentModeId == 0 && totalCreditAmount != "") {
                                Unibase.Platform.Forms.Components.FormViewer.Instance().showError('');
                                return false;
                            }
                            else {
                                Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(paymentAccountIdAttr);
                                Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation("txtAutoComplete_paymentmodeid");
                                Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation("txt_TotalCreditAmount");
                                Unibase.Platform.Forms.Components.FormViewer.Instance().showError("Mandatory fields are missing");
                                return false;
                            }
                            Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().updatePaymentSummary();
                            $("#divSectionProperties_EnableChequeMode").addClass("hidden");
                            eval('_floatingLabelHelper.init()');
                        });
                        $(".txtAutoComplete_paymentmodeid").change(function () {
                            var paymentmodeid = Number($("#txtAutoComplete_paymentmodeid").val());
                            $("#txt_TotalCreditAmount").parent().addClass("floating-label-form-group-with-value");
                            if (!instance.isOrder) {
                                $("#txt_TotalCreditAmount").val("");
                            }
                            instance.paymentModeChangeEvent(paymentmodeid, true);
                        });
                        eval('_floatingLabelHelper.init()');
                    }
                    paymentModeChangeEvent(paymentmodeid, isClearInput) {
                        var instance = this;
                        var paymenttypeid = instance.paymentTypeId;
                        var isError = false;
                        var paymentAccountIdAttr = $(".txtAutoComplete_paymentaccountid").attr("id");
                        if (paymentmodeid != Bizgaze.Apps.Transact.Enums.PaymentMode.None) {
                            instance.fileCacheHelper.loadJsFile("apps/transact/managers/payments/paymentmanager.js", function () {
                                Bizgaze.Apps.Transact.Managers.PaymentManager.Instance().getPaymentModeSeriesSetting(paymenttypeid, paymentmodeid).then(function (response) {
                                    if (response.result != null) {
                                        if (response.result.LedgerId != 0 && response.result.LedgerId != undefined) {
                                            var selectedOptions = new Option(response.result.LedgerName, response.result.LedgerId.toString(), true);
                                            $(".txtAutoComplete_paymentaccountid").append(selectedOptions);
                                            jQuery(".txtAutoComplete_paymentaccountid").val(response.result.LedgerId).trigger("change");
                                            Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().updatePaymentSummary();
                                        }
                                        else {
                                            $(".txtAutoComplete_paymentaccountid").val(null).trigger("change");
                                        }
                                    }
                                    else {
                                        $(".txtAutoComplete_paymentaccountid").val(null).trigger("change");
                                    }
                                }).then(function () {
                                    instance.paymentModeChangeSuccess(paymentmodeid, isClearInput, isError);
                                });
                            });
                        }
                    }
                    paymentModeChangeSuccess(paymentmodeid, isClearInput, isError) {
                        if (!isError) {
                            if (paymentmodeid != Bizgaze.Apps.Transact.Enums.PaymentMode.Cheque) {
                                $("#div_BankId").addClass('hidden');
                                $("#div_BankBranch").addClass('hidden');
                                $("#div_ChequeDate").addClass('hidden');
                                $("#div_ChequeNo").addClass('hidden');
                            }
                            else {
                                $("#div_BankId").removeClass('hidden');
                                $("#div_BankBranch").removeClass('hidden');
                                $("#div_ChequeDate").removeClass('hidden');
                                $("#div_ChequeNo").removeClass('hidden');
                                $("#txtAutoComplete_paymentmodeid").attr("disabled", "disabled");
                                $(".AddPaymentMode").addClass('hidden');
                                $("#div_paymentmode").removeClass('pr-0 pl-0');
                                $("#div_paymentmode").addClass('col-sm-5');
                                $("#div_RefDate_Container").removeClass('pr-0 pl-0');
                                var selectedMode = new Option("Cheque", "2", true);
                                $("#txtAutoComplete_paymentmodeid").append(selectedMode).select2();
                                if (isClearInput) {
                                    $("#txt_RefNo").val("");
                                    $('#date_RefDate').val("");
                                    $('#txt_TotalCreditAmount').val("");
                                    $(".txtAutoComplete_BankId").text("");
                                    $("#txt_BankBranch").val("");
                                    $("#txt_ChequeNo").val("");
                                    $("#date_ChequeDate").val("");
                                    $("#div_ChequeDate").parent().removeClass("floating-label-form-group-with-value");
                                    $("#div_ChequeDate").removeClass("floating-label-form-group-with-value");
                                    $("#txt_ChequeNo").parent().removeClass("floating-label-form-group-with-value");
                                    $("#txt_BankBranch").parent().removeClass("floating-label-form-group-with-value");
                                    $("#txt_RefNo").parent().removeClass("floating-label-form-group-with-value");
                                    $("#div_RefDate").removeClass("floating-label-form-group-with-value");
                                    $("#txt_TotalCreditAmount").parent().removeClass("floating-label-form-group-with-value");
                                }
                            }
                            if (paymentmodeid == Bizgaze.Apps.Transact.Enums.PaymentMode.Adjustment) {
                                $("#txt_TotalCreditAmount").attr("placeholder", "Amount");
                                $("#txt_TotalCreditAmount").data("label", "Amount");
                                $("#lbl_Credit").find("#spnIsRequired").addClass("hidden");
                            }
                            else {
                                $("#txt_TotalCreditAmount").attr("placeholder", "Amount *");
                                $("#txt_TotalCreditAmount").data("label", "Amount *");
                                $("#lbl_Credit").find("#spnIsRequired").removeClass("hidden");
                            }
                        }
                    }
                    loadContacts() {
                        var instance = this;
                        instance.paymentTypeId = Number($('.hdn_paymenttypeid').val());
                        var companyId = 0;
                        var paymentId = 0;
                        if (Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.length != 0) {
                            var InstalledAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                            paymentId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_recordid").Value);
                        }
                        $(".txtAutoComplete_contactid").on("change", function () {
                            $(".txtAutoComplete_paymentaccountid").val(null).trigger("change");
                            var curContactId = $(".txtAutoComplete_contactid").val();
                            var curContactName = $(".txtAutoComplete_contactid").attr("data-addldata");
                            Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().bindEvents();
                            Bizgaze.Apps.Transact.Controls.Wallet.Instance().loadPaymentWallets(curContactId);
                            Bizgaze.Apps.Transact.Controls.Dues.Instance().loadPaymentDues(curContactId);
                            Bizgaze.Apps.Transact.Controls.Dues.Instance().checkConversionnRateByOrganization(curContactId);
                            var Parameters = [{ "ColumnName": "contactid", "Value": Number(curContactId), }];
                            Unibase.Forms.Controls.AutoComplete.Instance().LoadAutoComplete($(".txtAutoComplete_lobid"), Parameters);
                            $(".transactonList_div_TRN2").find(".secWallets").addClass('hidden');
                            $(".transactonList_div_TRN2").find(".secDues").addClass('hidden');
                            $("#chkIsChequeMode").prop("checked", false);
                            $("#divSectionProperties_EnableChequeMode").removeClass("hidden");
                        });
                        $(".date_journaldate").on("change", function () {
                            var curContactId = $(".txtAutoComplete_contactid").val();
                            Bizgaze.Apps.Transact.Controls.Wallet.Instance().loadPaymentWallets(curContactId);
                            Bizgaze.Apps.Transact.Controls.Dues.Instance().loadPaymentDues(curContactId);
                        });
                        var isDealer = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().isRestrictedUser;
                        var UserId = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().userId;
                        if (isDealer && paymentId == 0) {
                            Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().getContactByUserId(UserId).then(function (response) {
                                var contactId = response.result.ContactId;
                                var orgContactName = response.result.OrgContactName;
                                var organizationName = response.result.OrganizationName;
                                var contactName = organizationName + ' - ' + orgContactName;
                                var contact = new Option(contactName, contactId.toString(), true);
                                $(".txtAutoComplete_contactid").append(contact);
                                $(".txtAutoComplete_contactid").val(contactId).trigger("change");
                                $(".btn_altSpocSelection").addClass("hidden");
                            });
                        }
                    }
                    bindEvents() {
                        $('.Section').show();
                        $('.section_Default').hide();
                        var VisibleContainerId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                        $("#" + VisibleContainerId).find(".btn_Save_Form").removeClass("hidden");
                        var html = "<div style='position:sticky;top:0;z-index:9999;height:50px' class='card' id = 'div_ContactNameRibbon' > <div id='' class='card-body  pa-5 ' > " +
                            "<div class='d-none d-md-block h-100'>" +
                            "<div class='row contactHeaderRow h-100'>" +
                            "<div class='col-sm-8 my-auto'>" +
                            "<span class='h6 strong ml-20'>" +
                            "<a href='javascript:;' id='anchor_ContactName' class='anchor_ContactName'></a>" +
                            "</span>" +
                            "</div>" +
                            "<div class='col-sm-3 my-auto text-right'>" +
                            "<span class='strong h6'>" +
                            "<a href='javascript:;' id='anchor_totalDue' class='anchor_totalDue'></a>" +
                            "</span>" +
                            "</div>" +
                            "<div class='col-sm-1 text-right'>" +
                            "<span class=''><a onclick=Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().back(); class='btn btn-icon btn-icon-circle btn-pink btn-icon-style-3 btn_altSpocSelection' href='javascript:;' id='btn_altSpocSelection'><span class='btn-icon-wrap'><i class='fa fa-times'></i></span></a></span>" +
                            "</div>" +
                            "</div></div>" +
                            "<div class='d-md-none h-100'>" +
                            "<div class='row contactHeaderRow header h-100 ml-10'>" +
                            "<div class='col-xs-8 col-6 overflow-hidden my-auto text-truncate'>" +
                            "<span class=''>" +
                            "<a href='javascript:;' id='anchor_ContactName' class='anchor_ContactName btn-md'></a>" +
                            "</span>" +
                            "</div>" +
                            "<div class='col-xs-3 col-4 my-auto  text-right'>" +
                            "<strong class='strong'>" +
                            "<a href='javascript:;' id='anchor_totalDue' class='anchor_totalDue btn-md' ></a>" +
                            "</span>" +
                            "</div>" +
                            "<div class='col-xs-1 col-1 text-right'>" +
                            "<span class=''><a onclick=Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().back(); class='btn btn-icon btn-sm btn-icon-circle btn-pink btn-icon-style-3 btn_altSpocSelection' href='javascript:;' id='btn_altSpocSelection'><span class='btn-icon-wrap'><i class='fa fa-times'></i></span></a></span>" +
                            "</div>" +
                            "</div></div>" +
                            "</div>";
                        if ($("#div_ContactNameRibbon").length == 0) {
                            $(".section_Default").before(html);
                            $('.anchor_ContactName').text($(".txtAutoComplete_contactid").text());
                            $('.anchor_ContactName').val($(".txtAutoComplete_contactid").val());
                        }
                    }
                    back() {
                        var instance = this;
                        $('.Section').hide();
                        $('.section_Default').show();
                        $('#div_ContactNameRibbon').remove();
                        $(".txtAutoComplete_contactid").text("");
                        $("#div_payments").addClass("hidden");
                        var VisibleContainerId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                        $("#" + VisibleContainerId).find(".btn_Save_Form").addClass("hidden");
                        $('input:text').val('');
                        $('select').not('.txtAutoComplete_contactid').val(null).trigger("change");
                        if ($(".hrefSection_MoreOptions").text() == "Less Options") {
                            $(".hrefSection_MoreOptions").click();
                        }
                        $(".date_journaldate").daterangepicker({
                            locale: {
                                format: 'DD/MM/YYYY',
                            },
                            singleDatePicker: true,
                            showDropdowns: true,
                            minYear: 1901,
                            maxDate: new Date(2050, 11, 31)
                        });
                        $(".date_journaldate").parents(".floating-label-form-group").addClass("floating-label-form-group-with-value");
                        Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().loadPaymentSummaryControl("paymentSummaryContainer");
                        instance.loadPaymentControl("paymentModeContainer");
                        $('.summernote_notes').summernote("reset");
                        var isWalletExpanded = $("#walletControlList secWallets").hasClass("hidden");
                        if (!isWalletExpanded) {
                            $("#walletControlList a").click();
                        }
                        var isDueExpanded = $("#dueControlList secDues").hasClass("hidden");
                        if (!isDueExpanded) {
                            $("#dueControlList a").click();
                        }
                    }
                    LoadorgContactDetails(contactId, spocId) {
                        var orgContactId = Number($(".txtAutoComplete_OrgContactId").val());
                        if (spocId != 0 && spocId != undefined && spocId != null) {
                            orgContactId = spocId;
                        }
                        else {
                            if (contactId != 0) {
                                orgContactId = contactId;
                            }
                        }
                        if (!isNaN(orgContactId) && orgContactId != 0) {
                            var instance = this;
                            Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().getOrgContact(orgContactId).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    $(".txtAutoComplete_contactid").removeClass("required");
                                    var data = response.result;
                                    $('.anchor_ContactName').text(data.OrgContactName);
                                    if (data.OrganizationId != 0) {
                                        $('.anchor_ContactName').text(data.OrganizationName);
                                        $(".anchor_ContactName").val(data.OrgContactId);
                                    }
                                    $(".txtAutoComplete_contactid").val(data.OrganizationId);
                                    var selectcontact = new Option(data.OrganizationName, data.OrgContactId.toString(), true, true);
                                    $(".txtAutoComplete_contactid").append(selectcontact);
                                    Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().bindEvents();
                                    Bizgaze.Apps.Transact.Controls.Dues.Instance().loadPaymentDues(data.OrganizationId);
                                    Bizgaze.Apps.Transact.Controls.Wallet.Instance().loadPaymentWallets(data.OrganizationId);
                                    Bizgaze.Apps.Transact.Controls.Dues.Instance().checkConversionnRateByOrganization(data.OrganizationId);
                                    if (spocId == 0) {
                                        spocId = data.OrganizationId;
                                    }
                                    var Parameters = [{ "ColumnName": "contactid", "Value": Number(spocId), }];
                                    Unibase.Forms.Controls.AutoComplete.Instance().LoadAutoComplete($(".txtAutoComplete_lobid"), Parameters);
                                }
                            }).then(function () {
                                $(".btn_altSpocSelection").addClass("hidden");
                                $(".contactHeaderRow").addClass("mt-10");
                            });
                        }
                    }
                    loadPaymentModes() {
                        var instance = this;
                        var url = _appsettings.server_url() + '/apis/v4/bizgaze/transact/payments/paymentmodeautcomplete';
                        AutoCompleteHelper.getHelper().Create("#txtAutoComplete_paymentmodeid", "#hfAutoComplete_paymentmodeid", url, function (response) { });
                        var url = _appsettings.server_url() + '/apis/v4/bizgaze/transact/payments/paymentbanksautcomplete';
                        AutoCompleteHelper.getHelper().Create("#txtAutoComplete_BankId", "#hfAutoCompleteId_BankId", url, function (response) { });
                    }
                    enableChequeMode(isChequeMode, isClearInput, isEditForm) {
                        var instance = this;
                        if (isChequeMode) {
                            $("#txtAutoComplete_paymentmodeid option").remove();
                            if (isEditForm) {
                                instance.paymentModeChangeSuccess(2, isClearInput, false);
                            }
                            else {
                                instance.paymentModeChangeEvent(2, isClearInput);
                            }
                        }
                        else {
                            if (instance.isMultiplePayment) {
                                $(".AddPaymentMode").removeClass('hidden');
                                $("#div_paymentmode").addClass('pr-0 pl-0');
                                $("#div_paymentmode").removeClass('col-sm-5');
                                $("#div_RefDate_Container").addClass('pr-0 pl-0');
                                jQuery("#txtAutoComplete_paymentmodeid").val("0").trigger("change");
                                $("#txtAutoComplete_paymentmodeid").removeAttr("disabled");
                                $("#txt_RefNo").val("");
                                $("#txt_TotalCreditAmount").val("");
                                $("#date_RefDate").val("");
                                $("#div_RefDate").removeClass("floating-label-form-group-with-value");
                                $("#txt_RefNo").parent().removeClass("floating-label-form-group-with-value");
                                $("#txt_TotalCreditAmount").parent().removeClass("floating-label-form-group-with-value");
                                $(".txtAutoComplete_paymentaccountid").val(null).trigger("change");
                            }
                            else {
                                $(".AddPaymentMode").addClass('hidden');
                                $("#div_paymentmode").removeClass('pr-0 pl-0');
                                $("#div_paymentmode").addClass('col-sm-5');
                                $("#div_RefDate_Container").removeClass('pr-0 pl-0');
                                jQuery("#txtAutoComplete_paymentmodeid").val("0").trigger("change");
                                $("#txtAutoComplete_paymentmodeid").removeAttr("disabled");
                                $(".txtAutoComplete_paymentaccountid").val(null).trigger("change");
                            }
                            $("#div_BankId").addClass('hidden');
                            $("#div_BankBranch").addClass('hidden');
                            $("#div_ChequeDate").addClass('hidden');
                            $("#div_ChequeNo").addClass('hidden');
                            var url = _appsettings.server_url() + '/apis/v4/bizgaze/transact/payments/paymentmodeautcomplete';
                            AutoCompleteHelper.getHelper().Create("#txtAutoComplete_paymentmodeid", "#hfAutoComplete_paymentmodeid", url, null);
                        }
                    }
                    getMultipleModeSetting() {
                        var instance = this;
                        instance.isMultiplePayment = false;
                        var paymentTypeId = instance.paymentTypeId;
                        var paymentSettingType = Bizgaze.Apps.Transact.Enums.PaymentSettingType.MultiplePaymentMode;
                        instance.fileCacheHelper.loadJsFile("apps/transact/managers/payments/paymentmanager.js", function () {
                            Bizgaze.Apps.Transact.Managers.PaymentManager.Instance().getAccountSettingByPaymentType(paymentTypeId, paymentSettingType).then(function (response) {
                                if (response.result != null) {
                                    if (response.result.SettingMode == false) {
                                        $(".AddPaymentMode").addClass('hidden');
                                        $("#div_paymentmode").removeClass('pr-0 pl-0');
                                        $("#div_paymentmode").addClass('col-sm-5');
                                        $("#div_RefDate_Container").removeClass('pr-0 pl-0');
                                    }
                                    else {
                                        $(".AddPaymentMode").removeClass('hidden');
                                        $("#div_paymentmode").addClass('pr-0 pl-0');
                                        $("#div_paymentmode").removeClass('col-sm-5');
                                        $("#div_RefDate_Container").addClass('pr-0 pl-0');
                                        instance.isMultiplePayment = true;
                                    }
                                    $("#txt_TotalCreditAmount").on('keyup', function (evt, id) {
                                        Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().loadPaymentSummary();
                                        Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().updatePaymentSummary();
                                        Bizgaze.Apps.Transact.Controls.Dues.Instance().clearDues();
                                    });
                                    $(".txtAutoComplete_paymentmodeid").change(function (evt, id) {
                                        Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().loadPaymentSummary();
                                        Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().updatePaymentSummary();
                                        Bizgaze.Apps.Transact.Controls.Dues.Instance().clearDues();
                                        $(".txtTotalDueAdjusted").val(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(0, 2));
                                        $(".totAdjusted").text(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(0, 2));
                                        $("#txt_TotalCreditAmount").val();
                                        $("#txt_TotalCreditAmount").parent().removeClass("floating-label-form-group-with-value");
                                        $("#hf_TotalCreditAmount").val(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(0, 2));
                                        $(".paymentmodes").remove();
                                        $(".totAmount").text(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(0, 2));
                                        $(".totAdvance").text(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(0, 2));
                                        $('.totDiscount').text(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(0, 2));
                                        $('.totPenality').text(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(0, 2));
                                        $('.totTds').text(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(0, 2));
                                    });
                                }
                                else {
                                    $(".AddPaymentMode").addClass('hidden');
                                    $("#div_paymentmode").removeClass('pr-0 pl-0');
                                    $("#div_paymentmode").addClass('col-sm-5');
                                    $("#div_RefDate_Container").removeClass('pr-0 pl-0');
                                }
                            });
                        });
                    }
                    AddPaymentModeListItem(data) {
                        var instance = this;
                        $("#divSectionProperties_EnableChequeMode").addClass("hidden");
                        paymentlistitem += 1;
                        var paymentTypeId = instance.paymentTypeId;
                        var paymentModeId = 0;
                        var paymentModeName = "";
                        var paymentRefNo = "";
                        var paymentRefDate = "";
                        var paymentAmount = 0;
                        var paymentBankId = 0;
                        var paymentAccountId = 0;
                        var paymentAccountName = "";
                        var paymentBankName = "";
                        var paymentBranch = "";
                        var paymentChequeNo = "";
                        var paymentChequeDate = "";
                        var paymentJournalEntryId = 0;
                        if (data.length == 0) {
                            paymentModeId = Number($("#txtAutoComplete_paymentmodeid").val());
                            paymentModeName = String($("#txtAutoComplete_paymentmodeid option:selected").text());
                            paymentRefNo = String($(".section_PaymentModeDetails").find("#txt_RefNo").val());
                            paymentRefDate = String($("#date_RefDate").val());
                            paymentAmount = Number(($("#txt_TotalCreditAmount").val()));
                            paymentBankId = Number($(".hfAutoCompleteId_BankId ").val());
                            paymentBankName = String($(".txtAutoComplete_BankId option:selected").text());
                            paymentAccountId = Number($(".txtAutoComplete_paymentaccountid").val());
                            paymentAccountName = String($(".txtAutoComplete_paymentaccountid option:selected").text());
                            paymentBranch = String($("#txt_BankBranch").val());
                            paymentChequeNo = String($("#txt_ChequeNo").val());
                            paymentChequeDate = String($("#date_ChequeDate").val());
                        }
                        else {
                            var amount = 0;
                            if (paymentTypeId == Bizgaze.Apps.Transact.Enums.PaymentType.Payment)
                                amount = Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(data.Credit, 2);
                            else
                                amount = Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(data.Debit, 2);
                            paymentModeId = data.PaymentModeId;
                            paymentModeName = data.PaymentModeName;
                            paymentRefNo = data.EntryRefNo = null ? "NA" : data.EntryRefNo;
                            paymentRefDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(data.RefDate, "DD/MM/YYYY");
                            paymentAmount = amount;
                            paymentBankId = data.BankId;
                            paymentBankName = data.BankName;
                            paymentAccountId = data.LedgerId;
                            paymentAccountName = data.LedgerName;
                            paymentBranch = data.BankBranch;
                            paymentChequeNo = data.ChequeNo;
                            paymentChequeDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(data.ChequeDate, "DD/MM/YYYY");
                            paymentJournalEntryId = data.JournalEntryId;
                        }
                        var canMerge = false;
                        $(".paymentmodelistitem").each(function () {
                            if ($(this).find("#hf_PaymentModeId").val() == paymentModeId && $(this).find(".paymentrefno").val() == paymentRefNo) {
                                if (paymentModeId != Bizgaze.Apps.Transact.Enums.PaymentMode.Cheque) {
                                    var prevAmount = Number($(this).find(".paymentamount").val());
                                    var prevAccount = $(this).find(".paymentAccount").val();
                                    if (prevAccount == paymentAccountId) {
                                        var sum = prevAmount + Number(paymentAmount);
                                        var id = $(this).attr("id");
                                        $(this).find(".paymentamount").val(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(sum, 2));
                                        $("." + id).find("#spn_amount").text(sum);
                                        canMerge = true;
                                        var newPayAmount = $(this).find(".paymentamount").val().toString();
                                        $(this).find(".decimal_numerics:first").text(newPayAmount);
                                    }
                                }
                            }
                            if ($(this).find("#hf_PaymentModeId").val() == 2 && $(this).find(".paymentchequeno").val() == paymentChequeNo) {
                                var prevAmount = Number($(this).find(".paymentamount").val());
                                var sum = prevAmount + Number(paymentAmount);
                                var id = $(this).attr("id");
                                $(this).find(".paymentamount").val(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(sum, 2));
                                $("." + id).find("#spn_amount").text(sum);
                                canMerge = true;
                                var newPayAmount = $(this).find(".paymentamount").val().toString();
                                $(this).find(".decimal_numerics:first").text(newPayAmount);
                            }
                        });
                        if (!canMerge) {
                            var listhtml = '<li class="list-group-item paymentmodelistitem clearmode" id="li_paymentlistitem_' + paymentlistitem + '">' +
                                '<input type="hidden" id="hf_PaymentModeId" value=' + paymentModeId + ' />' +
                                '<input type ="hidden" id="hf_JounralEntryId"  value=' + paymentJournalEntryId + ' />' +
                                '<div class="row">' +
                                '<div class="col-sm-5 my-auto d-none d-md-block"><u><a id="toggledetails_' + paymentlistitem + '" href="#paymentdetails_' + paymentlistitem + '" data-toggle="collapse" data data-parent="#paymentslist" class="anchor_collapseDetails">' + paymentModeName + '</a></u></div>' +
                                '<div class="col-xs-5 col-5 my-auto d-md-none"><u><a id="toggledetails_' + paymentlistitem + '" href="#paymentdetails_' + paymentlistitem + '" data-toggle="collapse" data data-parent="#paymentslist" class="anchor_collapseDetails">' + paymentModeName + '</a></u></div>' +
                                '<div class="col-sm-5 my-auto d-none d-md-block"><span class="strong amount decimal_numerics spn_payment_amount" id=spn_amount_' + paymentlistitem + '>' + paymentAmount + '</span></div>' +
                                '<div class="col-xs-5  col-5 my-auto d-md-none"><span class="strong amount decimal_numerics" id=spn_amount_' + paymentlistitem + '>' + paymentAmount + '</span></div>' +
                                '<div class="col-sm-2 my-auto text-right d-none d-md-block"><a href="javascript:;" class="btn btn-icon remove_paymentlistitem text-red" onclick="Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().removeItem(' + paymentlistitem + ')"><i class="fa fa-trash"></i></a></div>' +
                                '<div class="col-xs-2 col-2 my-auto text-right d-md-none"><a href="javascript:;" class="btn btn-icon remove_paymentlistitem text-red" onclick="Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().removeItem(' + paymentlistitem + ')"><i class="fa fa-trash mt-2 mr-3"></i></a></div>' +
                                '</div>' +
                                '<div class="row collapse hideDetails" id="paymentdetails_' + paymentlistitem + '">' +
                                '<div class="col-sm-12 row pr-0">' +
                                '<div class="col-sm-3">' +
                                '<div class="floating-label-form-group">' +
                                '<label>Amount<span class="text-danger"> *</span></label>' +
                                '<input type=text id="paymentamount_' + paymentlistitem + '" class="form-control floating-label-control decimal_numerics paymentamount" placeholder="Amount *" data-placeholder="Amount *" data-label="Amount *" value=' + paymentAmount + ' />' +
                                '</div>' +
                                '</div>' +
                                '<div class="col-sm-2">' +
                                '<div class="floating-label-form-group">' +
                                '<label>Ref No</label>' +
                                '<input type=text  value="' + paymentRefNo + '" class="form-control floating-label-control paymentrefno" placeholder="Ref No." data-placeholder="Ref No." data-label="Ref No."   />' +
                                '</div>' +
                                '</div>' +
                                '<div class="col-sm-3">' +
                                '<div class="floating-label-form-group">' +
                                '<label for="" id="">Ref Date</label>' +
                                '<div class="input-group"><input type="text" id="date_RefDate_' + paymentlistitem + '" class="paymentrefdate_1 form-control value-control datepicker-input hasDatepicker floating-label-control paymentrefdate" data-propertyname="" data-isdynamic="true" data-propdoctypename="" data-required="" data-regularexp="" data-validatemsg="" placeholder="Ref Date" data-placeholder="" data-label=" Ref Date" /><span class="input-group-addon mt-10"><i class="fa fa-calendar"></i></span></div>' +
                                '</div>' +
                                '</div>' +
                                '<div class="col-sm-4 pr-0">' +
                                '<div class="floating-label-form-group floating-label-form-group-with-value" style="border-bottom:0px;border-left:0px">' +
                                '<label>Account<span class="text-danger"> *</span></label>' +
                                '<input type="hidden" id="hf_AccountId_' + paymentlistitem + '" class="hfAccountId" value=' + paymentAccountId + ' />' +
                                '<select id="paymentAccount_' + paymentlistitem + '"  type="text" class="paymentAccount form-control text-control select2-hidden-accessible floating-label-control" style="width:100%;" value=' + paymentAccountName + ' ></select>' +
                                '</div></div>' +
                                '</div>';
                            if (paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Cheque) {
                                listhtml += '<div class="col-sm-12 row">' +
                                    '<div class="col-sm-6">' +
                                    '<div class="floating-label-form-group floating-label-form-group-with-value" style="border-bottom:0px;border-left:0px">' +
                                    '<label>Bank<span class="text-danger"> *</span></label>' +
                                    '<input type="hidden" id="hf_BankId_' + paymentlistitem + '" class="hfBankId" value=' + paymentBankId + ' />' +
                                    '<select id="paymentBank_' + paymentlistitem + '"  type="text" class="paymentBank form-control text-control select2-hidden-accessible floating-label-control" style="width:100%;" value=' + paymentBankName + ' ></select>' +
                                    '</div>' +
                                    '</div>' +
                                    '<div class="col-sm-6">' +
                                    '<div class="floating-label-form-group">' +
                                    '<label>Branch<span class="text-danger"> *</span></label>' +
                                    '<input type=text id="paymentBranch_' + paymentlistitem + '" class="form-control floating-label-control paymentbranch" value="' + paymentBranch + '"  placeholder="Branch" data-placeholder="Branch" data-label="Branch" />' +
                                    '</div>' +
                                    '</div>' +
                                    '<div class="col-sm-6">' +
                                    '<div class="floating-label-form-group floating-label-form-group-with-value">' +
                                    '<label for="" id="">Cheque Date<span class="text-danger"> *</span></label>' +
                                    '<div class="input-group"><input type="text" id="paymentChequeDate_' + paymentlistitem + '" class="form-control value-control datepicker-input paymentchequedate" data-propertyname="" data-isdynamic="true" data-propdoctypename="" data-required="" data-regularexp="" data-validatemsg="" placeholder="Cheque Date" data-placeholder="Cheque Date" data-label="Cheque Date" /><span class="input-group-addon mt-10"><i class="fa fa-calendar"></i></span></div>' +
                                    '</div>' +
                                    '</div>' +
                                    '<div class="col-sm-6">' +
                                    '<div class="floating-label-form-group">' +
                                    '<label>Cheque No.<span class="text-danger"> *</span></label>' +
                                    '<input type=text id="paymentChequeNo_' + paymentlistitem + '" class="form-control floating-label-control paymentchequeno" value=' + paymentChequeNo + '   placeholder="Cheque No." data-placeholder="Cheque No." data-label="Cheque No." />' +
                                    '</div>' +
                                    '</div>' +
                                    '</div>';
                            }
                            listhtml += '</div>' +
                                '</li>';
                            $(".paymentmodelistitem:last").after(listhtml);
                            $("#date_RefDate_" + paymentlistitem).val($("#date_RefDate").val());
                            $("#paymentChequeDate_" + paymentlistitem).val($("#date_ChequeDate").val());
                            $("#date_RefDate_" + paymentlistitem).daterangepicker({
                                locale: {
                                    format: 'DD/MM/YYYY',
                                },
                                singleDatePicker: true,
                                showDropdowns: true,
                                minYear: 1901,
                                maxDate: new Date(2050, 11, 31)
                            });
                            $("#date_RefDate_" + paymentlistitem).parents(".floating-label-form-group").addClass("floating-label-form-group-with-value");
                            $("#paymentChequeDate_" + paymentlistitem).daterangepicker({
                                locale: {
                                    format: 'DD/MM/YYYY',
                                },
                                singleDatePicker: true,
                                showDropdowns: true,
                                minYear: 1901,
                                maxDate: new Date(2050, 11, 31)
                            });
                            $("#paymentChequeDate_" + paymentlistitem).parents(".floating-label-form-group").addClass("floating-label-form-group-with-value");
                            if (paymentRefDate != "Invalid date" && paymentRefDate != "01/01/1901" && paymentRefDate != "01/01/1900" && paymentRefDate != "01/01/2001" && paymentRefDate != "01/01/0001") {
                                $("#date_RefDate_" + paymentlistitem).val(paymentRefDate);
                            }
                            if (paymentChequeDate != "Invalid date" && paymentChequeDate != "01/01/1901" && paymentChequeDate != "01/01/1900" && paymentChequeDate != "01/01/2001" && paymentChequeDate != "01/01/0001") {
                                $("#paymentChequeDate_" + paymentlistitem).val(paymentChequeDate);
                            }
                            if (paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Cheque) {
                                var selectedbank = new Option(paymentBankName, paymentBankId.toString(), true, true);
                                $("#paymentBank_" + paymentlistitem).append(selectedbank).trigger("change");
                            }
                            var selectedAccount = new Option(paymentAccountName, paymentAccountId.toString(), true, true);
                            $("#paymentAccount_" + paymentlistitem).append(selectedAccount).trigger("change");
                        }
                        var paymentmethodid = 0;
                        if (paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Cash) {
                            paymentmethodid = 1;
                        }
                        else if (paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Cheque || paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Online || paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Neft || paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Rtgs || paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.FundTransfer || paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Upi) {
                            paymentmethodid = 2;
                        }
                        Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().loadBanks(paymentmethodid, paymentlistitem);
                        Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().loadAccounts(paymentlistitem);
                        var selectedBank = new Option(paymentBankName, paymentBankId.toString(), true);
                        $('#paymentBank_' + paymentlistitem + '').append(selectedBank).trigger("change");
                        $(".paymentamount").on('keyup', function (evt, id) {
                            var curVal = $(this).val();
                            $(this).closest(".paymentmodelistitem").find(".spn_payment_amount").text(curVal.toString());
                            Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().loadPaymentSummary();
                            Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().updatePaymentSummary();
                            Bizgaze.Apps.Transact.Controls.Dues.Instance().clearDues();
                        });
                        $('.decimal_numerics').on('paste', function (event) {
                            var orgEvent = event.originalEvent;
                            if (orgEvent.clipboardData.getData('Text').match(/[^\d]/)) {
                                event.preventDefault();
                            }
                        });
                        $(".decimal_numerics").keypress(function (key) {
                            if (key.charCode < 46 || key.charCode > 58)
                                return false;
                        });
                        Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().clearPayment();
                        eval('_floatingLabelHelper.init()');
                    }
                    loadBanks(paymentmethodId, listitem) {
                        var url = _appsettings.server_url() + '/apis/v4/bizgaze/transact/payments/paymentbanksautcomplete';
                        AutoCompleteHelper.getHelper().Create("#paymentBank_" + listitem + "", "#hf_BankId_" + listitem + "", url, null);
                    }
                    loadAccounts(listitem) {
                        var url = _appsettings.server_url() + '/apis/v4/bizgaze/transact/ledgers/accounttypeledgersautocompleteasync';
                        AutoCompleteHelper.getHelper().Create("#paymentAccount_" + listitem + "", "#hf_AccountId_" + listitem + "", url, null);
                        $("#paymentAccount_" + listitem).on('select2:select', function (e) {
                            Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().loadForm(listitem);
                        });
                    }
                    loadForm(listitem) {
                        var accountId = 0;
                        var accountName = "";
                        var controlId = "";
                        var hiddenFieldControlId = "";
                        accountId = Number($("#paymentAccount_" + listitem).find("option:selected").val());
                        accountName = $("#paymentAccount_" + listitem).find("option:selected").text().trim();
                        controlId = "#paymentAccount_" + listitem;
                        hiddenFieldControlId = "#hf_AccountId_" + listitem;
                        if (accountId == 0)
                            accountName = "Select Account";
                        if (accountId == 1 || accountId == -1)
                            accountName = "Create New";
                        if (accountName == "Create New") {
                            $("#paymentAccount_").val(null).trigger("change");
                            var FormUniqueId = "Bizgaze_Extension_Transact_Ledgers_App_Ledgers_CreateForm";
                            var AppConfigurationUnique = "Bizgaze_Extension_Transact_Ledgers_AppConfiguration_CreateLedgers";
                            Unibase.Platform.Forms.Managers.FormManager.Instance().getFormbyUniqueId(FormUniqueId).then(function (response) {
                                var obj = {
                                    controlid: controlId,
                                    hiddenid: hiddenFieldControlId
                                };
                                var successobj = {
                                    CallBack: function (id, obj) {
                                        Bizgaze.Apps.Transact.Managers.LedgerManager.Instance().getLedgerById(id).then(function (response) {
                                            var createdLedger = new Option(response.result.LedgerName, response.result.LedgerId, true);
                                            $(obj.controlid + " option").remove();
                                            $(obj.controlid).append(createdLedger).trigger('change');
                                            $(obj.hiddenid).val(response.result.LedgerId);
                                            $(obj.controlid).parents("#paymentdetails_").find('.hfAccountId').val(response.result.LedgerId);
                                        });
                                    },
                                    Parameters: obj,
                                };
                                var formviewerObj = {
                                    FormId: response.result.FormId,
                                    AppConfigurationId: 0,
                                    Pk_Value: 0,
                                    PortletWidgetId: 0,
                                    OnSuccess: successobj,
                                    OnFail: null,
                                    OnLoad: null,
                                };
                                Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile("apps/transact/managers/ledgers/ledgermanager.js", function () {
                                    Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile("platform/forms/components/formviewer/formviewer.js", function () {
                                        Unibase.Platform.Forms.Components.FormViewer.instance.init(formviewerObj);
                                        setTimeout(function () {
                                            $("#btn_CloseForm_" + response.result.FormId).click(function () {
                                                $("#paymentAccount_").val(null).trigger("change");
                                            });
                                        }, 1000);
                                    });
                                });
                            });
                        }
                    }
                    updateMultiplePaymentTotal() {
                        var total = 0;
                        var prevamount = 0;
                        $(".paymentmodelistitem").each(function () {
                            if (!($(this).hasClass("hidden"))) {
                                var amount = Number($(this).find('.paymentamount').val());
                                $(this).find('.amount').text(amount);
                                total = Number(prevamount) + Number(amount);
                                prevamount = total;
                            }
                        });
                        $("#hf_paymentAmount").val(total);
                        $(".totAmount").html(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(total, 2));
                    }
                    clearPayment() {
                        var instance = this;
                        $('#txtAutoComplete_paymentmodeid').val(0);
                        $('#txtAutoComplete_paymentmodeid').text('');
                        $('#date_RefDate').val('');
                        $('#txt_TotalCreditAmount').val('');
                        $(".section_PaymentModeDetails").find("#txt_RefNo").val('');
                        $(".txtAutoComplete_BankId").empty();
                        $("#txt_BankBranch").val('');
                        $("#txt_ChequeNo").val('');
                        $('#date_ChequeDate').val('');
                        $('.hfAutoCompleteId_BankId').val(0);
                        $("#div_BankId").addClass('hidden');
                        $("#div_BankBranch").addClass('hidden');
                        $("#div_ChequeDate").addClass('hidden');
                        $("#div_ChequeNo").addClass('hidden');
                        $("#date_ChequeDate").daterangepicker({
                            locale: {
                                format: 'DD/MM/YYYY',
                            },
                            singleDatePicker: true,
                            showDropdowns: true,
                            minYear: 1901,
                            maxDate: new Date(2050, 11, 31)
                        });
                        $(".dateselect_1").daterangepicker({
                            locale: {
                                format: 'DD/MM/YYYY',
                            },
                            singleDatePicker: true,
                            showDropdowns: true,
                            minYear: 1901,
                            maxDate: new Date(2050, 11, 31)
                        });
                        $("#div_ChequeNo").removeClass("floating-label-form-group-with-value");
                        $("#div_BankBranch").removeClass("floating-label-form-group-with-value");
                        $("#div_Credit").removeClass("floating-label-form-group-with-value");
                        $("#div_RefNo").removeClass("floating-label-form-group-with-value");
                        $(".txtAutoComplete_paymentaccountid").val(null).trigger("change");
                        if (instance.isMultiplePayment) {
                            $(".txtAutoComplete_paymentaccountid").val(null).trigger("change");
                        }
                    }
                    removeItem(number) {
                        var instance = this;
                        var amount = $("#li_paymentlistitem_" + number).find(".paymentamount").val();
                        var totalamount = $("#hf_paymentAmount").val();
                        var revisedamount = Number(totalamount) - Number(amount);
                        $("#hf_paymentAmount").val(revisedamount);
                        $(".totAmount").html(Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(revisedamount, 2));
                        $("#li_paymentlistitem_" + number).remove();
                        $("#paymentsummaryItem_" + number).remove();
                        if ($("#paymentslist .paymentmodelistitem").length < 2) {
                            $("#div_payments").addClass("hidden");
                            $("#divSectionProperties_EnableChequeMode").removeClass("hidden");
                        }
                        Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().loadPaymentSummary();
                        Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().updatePaymentSummary();
                        Bizgaze.Apps.Transact.Controls.Dues.Instance().clearDues();
                    }
                    updatePayment() {
                    }
                    bindMultiplepayments(payments) {
                        for (var i = 0; i < payments.length; i++) {
                            var myArrayNew = payments[i];
                            var data = myArrayNew;
                            if (i == 0) {
                                var selectedAccount = new Option(data.LedgerName, data.LedgerId.toString(), true);
                                $(".txtAutoComplete_paymentaccountid").append(selectedAccount).trigger("change");
                            }
                            if (data.ContactId == 0 && data.PaymentModeId != Bizgaze.Apps.Transact.Enums.PaymentMode.None) {
                                Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().AddPaymentModeListItem(myArrayNew);
                                $("#div_payments").removeClass("hidden");
                            }
                        }
                    }
                    getobj() {
                        var instance = this;
                        var payments = [];
                        var total = 0;
                        var discountAccountId = Number($("#txtAutoComplete_DiscountAccount").val());
                        var penalityAccountId = Number($("#txtAutoComplete_PenalityAccount").val());
                        var tDSAccountId = Number($("#txtAutoComplete_TDSAccount").val());
                        var foreignExchangeAccountId = Number($("#txtAutoComplete_ForeignExchangeAccount").val());
                        var flag = 0;
                        var currentToggleId = "";
                        $(".paymentmodelistitem").each(function () {
                            if (!($(this).hasClass("hidden"))) {
                                currentToggleId = $(this).find(".anchor_collapseDetails").attr("id");
                                var paymentModeId = Number($(this).find("#hf_PaymentModeId").val());
                                var accountId = Number($(this).find(".paymentAccount").val());
                                var paymentAmount = Number($(this).find('.paymentamount').val());
                                if ((paymentAmount == 0 || isNaN(paymentAmount)) && paymentModeId != Bizgaze.Apps.Transact.Enums.PaymentMode.Adjustment) {
                                    flag = 1;
                                    $(this).find('.paymentamount').addClass("required");
                                    var paymentAmountInputId = $(this).find('.paymentamount').attr("id");
                                    Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(paymentAmountInputId);
                                    $(this).find('.paymentamount').removeClass("required");
                                }
                                if (accountId == 0 || isNaN(accountId)) {
                                    flag = 1;
                                }
                                total += paymentAmount;
                                var refNo = String($(this).find(".paymentrefno").val());
                                var chequeNo = String($(this).find(".paymentchequeno").val());
                                var refDate = String($(this).find(".paymentrefdate").val());
                                var chequeDate = String($(this).find(".paymentchequedate").val());
                                var refDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatServerDate(refDate);
                                var chequeDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatServerDate(chequeDate);
                                if (paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Cheque) {
                                    var bankId = Number($(this).find(".hfBankId").val());
                                }
                                else {
                                    bankId = 0;
                                }
                                var bankBranch = String($(this).find(".paymentbranch").val());
                                var amount = Number(($(this).find('.paymentamount').val()));
                                var jounrnalEntryId = Number($(this).find("#hf_JounralEntryId").val());
                                refDate = moment(refDate).format('YYYY-MM-DD');
                                chequeDate = moment(chequeDate).format('YYYY-MM-DD');
                                if (chequeDate == "Invalid date") {
                                    chequeDate = "0001-01-01";
                                }
                                if (refDate == "Invalid date") {
                                    refDate = "0001-01-01";
                                }
                                if (chequeNo == "" || chequeNo == "undefined") {
                                    chequeNo = "";
                                }
                                if (isNaN(jounrnalEntryId)) {
                                    jounrnalEntryId = 0;
                                }
                                if (bankBranch == "undefined") {
                                    bankBranch = "";
                                }
                                if (paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Cheque) {
                                    if (bankId == 0 || bankId == undefined || bankId == null) {
                                        flag = 1;
                                        $(this).find(".paymentBank").addClass("required");
                                        var paymentBankInputId = $(this).find('.paymentBank').attr("id");
                                        Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(paymentBankInputId);
                                        $(this).find(".paymentBank").removeClass("required");
                                    }
                                    if (bankBranch == "" || bankBranch == undefined || bankBranch == null) {
                                        flag = 1;
                                        $(this).find(".paymentbranch").addClass("required");
                                        var paymentBranchInputId = $(this).find('.paymentbranch').attr("id");
                                        Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(paymentBranchInputId);
                                        $(this).find(".paymentbranch").removeClass("required");
                                    }
                                    if (chequeDate == "0001-01-01" || chequeDate == undefined || chequeDate == null || chequeDate == "") {
                                        flag = 1;
                                        $(this).find(".paymentchequedate").addClass("required");
                                        var paymentChqDateInputId = $(this).find('.paymentchequedate').attr("id");
                                        Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(paymentChqDateInputId);
                                        $(this).find(".paymentchequedate").removeClass("required");
                                    }
                                    if (chequeNo == "" || chequeNo == "undefined" || chequeNo == null || chequeNo == undefined) {
                                        flag = 1;
                                        $(this).find(".paymentchequeno").addClass("required");
                                        var paymentChqNoInputId = $(this).find('.paymentchequeno').attr("id");
                                        Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(paymentChqNoInputId);
                                        $(this).find(".paymentchequeno").removeClass("required");
                                    }
                                }
                                payments.push({ PaymentModeId: paymentModeId, RefNo: refNo, LedgerId: accountId, RefDate: refDate, ChequeNo: chequeNo, ChequeDate: chequeDate, BankId: bankId, BankBranch: bankBranch, PaymentAmount: amount, JournalEntryId: jounrnalEntryId, DiscountAccountId: discountAccountId, PenalityAccountId: penalityAccountId, TDSAccountId: tDSAccountId, ForeingExchangeAccount: foreignExchangeAccountId });
                            }
                            else {
                                var validationResult = instance.showErrorForPaymentModeControl();
                                if (!validationResult) {
                                    flag = 1;
                                }
                            }
                            if (flag == 1) {
                                return false;
                            }
                        });
                        if (flag == 1) {
                            $(".anchor_collapseDetails").not("#" + currentToggleId).each(function () {
                                var isExp = $(this).attr("aria-expanded");
                                if (isExp == "true") {
                                    $(this).click();
                                }
                            });
                            var isExpanded = $("#" + currentToggleId).attr("aria-expanded");
                            if (isExpanded == "false") {
                                $("#" + currentToggleId).click();
                            }
                            Unibase.Platform.Forms.Components.FormViewer.Instance().showError("Mandatory fields are missing");
                            return false;
                        }
                        if (payments.length >= 1) {
                            $("#txt_TotalCreditAmount").removeClass("required");
                            return payments;
                        }
                        if (payments.length == 0) {
                            total += ($(this).find('.paymentamount').val(), 2);
                            var paymentModeId = Number($("#txtAutoComplete_paymentmodeid").val());
                            var refNo = String($(".section_PaymentModeDetails").find("#txt_RefNo").val().toString());
                            var refDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatServerDate($("#date_RefDate").val());
                            var chequeDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatServerDate($("#date_ChequeDate").val());
                            var chequeNo = String($("#txt_ChequeNo").val());
                            var accountId = Number($(".txtAutoComplete_paymentaccountid").val());
                            if (paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Cheque) {
                                var bankId = Number($(".hfAutoCompleteId_BankId ").val());
                            }
                            else {
                                bankId = 0;
                            }
                            var bankBranch = String($("#txt_BankBranch").val());
                            var amount = Number(($("#txt_TotalCreditAmount").val()));
                            var jounrnalEntryId = Number($(this).find("#hf_JounralEntryId").val());
                            refDate = moment(refDate).format('YYYY-MM-DD');
                            chequeDate = moment(chequeDate).format('YYYY-MM-DD');
                            if (chequeDate == "Invalid date") {
                                chequeDate = "0001-01-01";
                            }
                            refDate = moment(refDate).format('YYYY-MM-DD');
                            if (refDate == "Invalid date") {
                                refDate = "0001-01-01";
                            }
                            if (chequeNo == "" || chequeNo == "undefined") {
                                chequeNo = "";
                            }
                            if (isNaN(jounrnalEntryId)) {
                                jounrnalEntryId = 0;
                            }
                            if (bankBranch == "undefined") {
                                bankBranch = "";
                            }
                            payments.push({ PaymentModeId: paymentModeId, RefNo: refNo, LedgerId: accountId, RefDate: refDate, ChequeNo: chequeNo, ChequeDate: chequeDate, BankId: bankId, BankBranch: bankBranch, PaymentAmount: amount, JournalEntryId: jounrnalEntryId, DiscountAccountId: discountAccountId, PenalityAccountId: penalityAccountId, TDSAccountId: tDSAccountId, ForeingExchangeAccount: foreignExchangeAccountId });
                        }
                        return payments;
                    }
                    loadControlSettings(controlsettingjson, formpropertyid) {
                        return ``;
                    }
                    loadPropertySettings(propertysettings, formpropertyid) {
                        if (propertysettings != null) {
                            for (var i = 0; i < propertysettings.length; i++) {
                                var data = propertysettings[i];
                                if (data.ControlPropertyName == "ControlType" && data.ControlPropertyValue != "") {
                                    $("#hdn_" + formpropertyid).attr("ControlType", data.ControlPropertyValue);
                                    $("#hdn_" + formpropertyid).val(data.ControlPropertyValue);
                                }
                            }
                        }
                    }
                    showErrorForPaymentModeControl() {
                        if ($("#paymentslist .paymentmodelistitem").length < 2) {
                            var paymentModeId = Number($("#txtAutoComplete_paymentmodeid").val());
                            var paymentAccountIdAttr = $(".txtAutoComplete_paymentaccountid").attr("id");
                            $("#txtAutoComplete_paymentmodeid").addClass("required");
                            $(".txtAutoComplete_paymentaccountid").addClass("required");
                            var chequeValidation = true;
                            if (paymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Cheque) {
                                $("#txtAutoComplete_BankId").addClass('required');
                                $("#txt_BankBranch").addClass('required');
                                $("#date_ChequeDate").addClass('required');
                                $("#txt_ChequeNo").addClass('required');
                                var bankValidation = Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation("txtAutoComplete_BankId");
                                var bankBranchValidation = Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation("txt_BankBranch");
                                var chequeDateValidation = Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation("date_ChequeDate");
                                var chequeNoValidation = Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation("txt_ChequeNo");
                                if (bankValidation == false || bankBranchValidation == false || chequeDateValidation == false || chequeNoValidation == false) {
                                    chequeValidation = false;
                                }
                                $("#txtAutoComplete_BankId").removeClass('required');
                                $("#txt_BankBranch").removeClass('required');
                                $("#date_ChequeDate").removeClass('required');
                                $("#txt_ChequeNo").removeClass('required');
                            }
                            var amountValidation = true;
                            if (paymentModeId != Bizgaze.Apps.Transact.Enums.PaymentMode.Adjustment) {
                                $("#txt_TotalCreditAmount").addClass("required");
                                amountValidation = Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation("txt_TotalCreditAmount");
                                $("#txt_TotalCreditAmount").removeClass("required");
                            }
                            var accountValidation = Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(paymentAccountIdAttr);
                            var modeValidation = Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation("txtAutoComplete_paymentmodeid");
                            $("#txtAutoComplete_paymentmodeid").removeClass("required");
                            $(".txtAutoComplete_paymentaccountid").removeClass("required");
                            if (accountValidation == false || modeValidation == false || amountValidation == false || chequeValidation == false) {
                                Unibase.Platform.Forms.Components.FormViewer.Instance().showError("Mandatory fields are missing");
                                return false;
                            }
                            else {
                                return true;
                            }
                        }
                        else {
                            return true;
                        }
                    }
                    bindEditFormDetails(formpropertyid, propval, DocPropertyName) {
                        var instance = this;
                        var paymentid = Number(propval);
                        if (propval != 0 || !isNaN(propval)) {
                            var totWallet = 0;
                            Bizgaze.Apps.Transact.Managers.PaymentManager.Instance().getpayment(paymentid).then(function (response) {
                                var listhtml = "";
                                var result = response.result;
                                var accountsObj = {
                                    DiscountAccountId: result.DiscountAccountId,
                                    PenalityAccountId: result.PenalityAccountId,
                                    TDSAccountId: result.TDSAccountId,
                                    DiscountAccountName: result.DiscountAccountName,
                                    PenalityAccountName: result.PenalityAccountName,
                                    TDSAccountName: result.TDSAccountName,
                                };
                                Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().bindAccounts(accountsObj);
                                totWallet = response.result.DueAdjustedAmount;
                                if (response.result.PaymentModeId != Bizgaze.Apps.Transact.Enums.PaymentMode.MultiplePayments) {
                                    for (var i = 0; i < response.result.Payments.length; i++) {
                                        var data = response.result.Payments[i];
                                        var paymentType = response.result.PaymentTypeId;
                                        instance.paymentTypeId = paymentType;
                                        var hasAmountValue = (paymentType == Bizgaze.Apps.Transact.Enums.PaymentType.Receipt) ?
                                            data.Debit : data.Credit;
                                        if (hasAmountValue != 0 && data.PaymentModeId != Bizgaze.Apps.Transact.Enums.PaymentMode.None) {
                                            if (data.PaymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Cheque) {
                                                $("#divSectionProperties_EnableChequeMode").addClass("hidden");
                                                instance.enableChequeMode(true, false, true);
                                                $("#div_BankId").removeClass('hidden');
                                                $("#div_BankBranch").removeClass('hidden');
                                                $("#div_ChequeDate").removeClass('hidden');
                                                $("#div_ChequeNo").removeClass('hidden');
                                                $("#txt_RefNo").val(data.EntryRefNo);
                                                $("#txt_ChequeNo").val(data.ChequeNo);
                                                var selectedBank = new Option(data.BankName, data.BankId.toString(), true);
                                                $(".txtAutoComplete_BankId").append(selectedBank);
                                                var paymentmode = new Option(data.PaymentModeName, data.PaymentModeId.toString(), true);
                                                $(".txtAutoComplete_paymentmodeid").append(paymentmode);
                                                $("#txt_BankBranch").val(data.BankBranch);
                                                var refdate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(data.RefDate, "DD/MM/YYYY");
                                                var ChequeDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(data.ChequeDate, "DD/MM/YYYY");
                                                if (refdate == "01/01/0001") {
                                                    var strDate = $.datepicker.formatDate('dd/mm/yy', new Date());
                                                    $('#date_RefDate').val(strDate);
                                                }
                                                else {
                                                    $('#date_RefDate').val(refdate);
                                                }
                                                $('#date_ChequeDate').val(ChequeDate);
                                                $('#txt_TotalCreditAmount').val(hasAmountValue);
                                                $("#txt_TotalCreditAmount").attr("placeholder", "Amount");
                                                $("#txt_TotalCreditAmount").data("label", "Amount");
                                                $("#lbl_Credit").find("#spnIsRequired").removeClass("hidden");
                                            }
                                            else {
                                                $("#div_BankId").addClass('hidden');
                                                $("#div_BankBranch").addClass('hidden');
                                                $("#div_ChequeDate").addClass('hidden');
                                                $("#div_ChequeNo").addClass('hidden');
                                                var stage = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key.endsWith('_stageshortcode')).Value;
                                                if (stage == "CNF") {
                                                    $("#txtAutoComplete_paymentmodeid").prop("disabled", true);
                                                }
                                                else {
                                                    $("#txtAutoComplete_paymentmodeid").prop("disabled", false);
                                                }
                                                var refdate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(data.RefDate, "DD/MM/YYYY");
                                                $('#date_RefDate').val(refdate);
                                                $('#txt_TotalCreditAmount').val(hasAmountValue);
                                                $("#txt_RefNo").val(response.result.RefNo);
                                                var paymentmode = new Option(data.PaymentModeName, data.PaymentModeId.toString(), true);
                                                $(".txtAutoComplete_paymentmodeid").append(paymentmode);
                                            }
                                        }
                                        if (data.PaymentModeId == Bizgaze.Apps.Transact.Enums.PaymentMode.Adjustment) {
                                            $("#div_BankId").addClass('hidden');
                                            $("#div_BankBranch").addClass('hidden');
                                            $("#div_ChequeDate").addClass('hidden');
                                            $("#div_ChequeNo").addClass('hidden');
                                            var refdate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(data.RefDate, "DD/MM/YYYY");
                                            $('#date_RefDate').val(refdate);
                                            $('#txt_TotalCreditAmount').val(hasAmountValue);
                                            $("#txt_TotalCreditAmount").attr("placeholder", "Amount");
                                            $("#txt_TotalCreditAmount").data("label", "Amount");
                                            $("#lbl_Credit").find("#spnIsRequired").addClass("hidden");
                                            $("#txt_RefNo").val(data.EntryRefNo);
                                            var paymentmode = new Option(data.PaymentModeName, data.PaymentModeId.toString(), true);
                                            $(".txtAutoComplete_paymentmodeid").append(paymentmode);
                                        }
                                    }
                                    var totalAmt = Number($("#txt_TotalCreditAmount").val());
                                    $("#hf_TotalCreditAmount").val(totalAmt);
                                }
                                else {
                                    Bizgaze.Apps.Transact.Controls.PaymentMode.Instance().bindMultiplepayments(response.result.Payments);
                                    $("#div_payments").removeClass("hidden");
                                }
                            }).then(function () {
                                Bizgaze.Apps.Transact.Controls.PaymentSummary.Instance().updatePaymentSummary();
                                eval('_floatingLabelHelper.init()');
                            });
                        }
                    }
                    deletePayment(appName) {
                        var instance = this;
                        var paymentId = 0;
                        if (Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.length != 0) {
                            var InstalledAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                            var paymentId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_pk_id").Value);
                            if (paymentId != 0 && paymentId != null && paymentId != undefined) {
                                bootbox.confirm("Are you sure you want delete this " + appName + " ?", function (result) {
                                    if (result == true) {
                                        instance.fileCacheHelper.loadJsFile("apps/transact/managers/payments/paymentmanager.js", function () {
                                            Bizgaze.Apps.Transact.Managers.PaymentManager.Instance().deletePayment(paymentId).then(function (response) {
                                                if (response.status != Unibase.Data.Status.Error) {
                                                    Unibase.Platform.Helpers.NavigationHelper.Instance().loadList(Unibase.Themes.Providers.DetailHelper.installedAppId, null);
                                                }
                                            });
                                        });
                                    }
                                });
                            }
                        }
                    }
                    printPayment() {
                        var instance = this;
                        if ($(".printsetting").length != 0) {
                            var printhtml = $(".printsetting")[0].outerHTML;
                            $(".printsetting").remove();
                            $("#div_App_DefaultWidgetSettings").find(".row").append(printhtml);
                            $(".printsetting").find(".pull-right").removeClass("pull-right");
                        }
                        let detailContainer = "#" + Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                        var stage = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key.endsWith('_stageshortcode')).Value;
                        if (stage == "VD") {
                            $(detailContainer).find('.layout-details-stages').addClass('d-none');
                        }
                        $(detailContainer).find('.DetailSetting_' + Unibase.Themes.Providers.DetailHelper.installedAppId + '_Print').html('<span><i class=\"fa fa-print\"></i></span>');
                        $(detailContainer).find('.DetailSetting_' + Unibase.Themes.Providers.DetailHelper.installedAppId + '_Print').click(function () {
                            var paymentId = Unibase.Themes.Providers.DetailHelper.recordId;
                            Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile("apps/transact/managers/payments/paymentmanager.js", function () {
                                Bizgaze.Apps.Transact.Managers.PaymentManager.Instance().paymentPrint(paymentId).then(function (response) {
                                    var result = response.result;
                                    if (isMobileApp()) {
                                        Unibase.Platform.Helpers.MobileHelper.Instance().previewHtml(result.PrintHTML);
                                    }
                                    else {
                                        instance.printPopup(result.PrintHTML);
                                    }
                                });
                            });
                        });
                    }
                    printPopup(data) {
                        var mywindow = window.open('', 'my Print', 'height=400,width=850');
                        var content = '<html><head><title>Print</title><link rel="stylesheet" href="lib/bizgaze/print.css" /><link rel="stylesheet" href="lib/bootstrap/bootstrap-theme.min.css" /></head><body>';
                        content += data;
                        content += "<script>print();</script>";
                        content += '</body></html>';
                        mywindow.document.write(content);
                        return true;
                    }
                    RefreshReportsAndWidgets(Portletwidgetid, cid, paymentid) {
                        Unibase.Platform.Widgets.Managers.WidgetManager.Instance().getPortletWidget(Portletwidgetid).then(function (widresponse) {
                            if (widresponse.result != null) {
                                var WidgetID = Number(widresponse.result.WidgetId);
                                var portletwidgetid = Number(widresponse.result.PortletWidgetId);
                                Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile("apps/transact/components/bankreconciliation/findandmatchreconciliation.js", function () {
                                    Bizgaze.Apps.Transact.Components.FindandMatch.Instance().linkReport(WidgetID, portletwidgetid, cid, paymentid);
                                });
                            }
                        });
                    }
                    ApproveStatus(REFstatusid) {
                        var instance = this;
                        var postdata = [];
                        var PaymentModeId = 0;
                        $(".form-check-input:checked").each(function () {
                            PaymentModeId = Number($(this).attr("data-property"));
                            if (PaymentModeId == 2) {
                                REFstatusid = 3;
                            }
                            postdata.push({
                                PaymentId: Number($(this).attr("id")),
                                PaymentTypeId: Number($(this).attr("value")),
                                PaymentModeId: REFstatusid,
                            });
                        });
                        if (postdata.length == 0) {
                            bootbox.confirm("Please Select Atleast One Account", function (result) { });
                        }
                        else if (postdata.length > 0) {
                            bootbox.confirm("Are you sure you want Change Status ?", function (result) {
                                if (result == true) {
                                    instance.fileCacheHelper.loadJsFile("apps/transact/managers/payments/paymentmanager.js", function () {
                                        Bizgaze.Apps.Transact.Managers.PaymentManager.Instance().changestatus(postdata).then(function (response) {
                                            if (response.status != Unibase.Data.Status.Error) {
                                                MessageHelper.Instance().showSuccess(response.message, 'StageChange_errormsg');
                                                $('._bizgaze_popup_container').modal('hide');
                                                var detail_instance = Unibase.Themes.Compact.Components.Details.Instance();
                                                var containerid = $("._bizgaze_detail_container:visible").attr("id");
                                                var _installedAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                                                var portletid = Number($('#' + containerid).find('#hf_DashboardPortletId').val());
                                                var portletName = $('#' + containerid).find('#hf_DashboardPortletName').val().toString();
                                                Unibase.Themes.Compact.Components.Nav.Instance().loadDashboard(portletid, portletName);
                                            }
                                            else {
                                                MessageHelper.Instance().showError(response.message, 'StageChange_errormsg');
                                            }
                                        });
                                    });
                                }
                            });
                        }
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new PaymentMode();
                        }
                        return this.instance;
                    }
                }
                Controls.PaymentMode = PaymentMode;
            })(Controls = Transact.Controls || (Transact.Controls = {}));
        })(Transact = Apps.Transact || (Apps.Transact = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));