var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Transact;
        (function (Transact) {
            let Controls;
            (function (Controls) {
                class LoyaltyPoints extends Unibase.Platform.Core.BaseComponent {
                    init(formpropertyid, prop, callback) {
                        var instance = this;
                        instance.loadControlSettings(prop.ControlJsonText, prop.FormPropertyId);
                        instance.loadPropertySettings(prop.PropertySettings, prop.FormPropertyId);
                    }
                    loadControl(containerid, prop) {
                        var html = '<div class="row"> <div class="col-sm-4" id=""><div class="card card-sm shadow-hover " id="kpi_card" style="height:auto;">' +
                            '<div class="card-body" ><span  class="d-block font-15 font-weight-500 text-dark">' +
                            'Loyalty Points  </span><div class="mt-10"><span class="h4 mb-10 block text-underline"><span id="LoyaltyPoints" class="display-5 font-weight-400 text-dark">' + Bizgaze.Apps.Transact.Controls.Order.Instance().g_LoyaltyPoints + '</span></span></div></div></div></div>' +
                            '<div class=" col-sm-4" id=""><div class="card card-sm shadow-hover " id="kpi_card" style="height:auto;"><div class="card-body">' +
                            ' <span style=" text-transform: capitalize; "  class="d-block font-15 font-weight-500 text-dark"> Available Points </span><div class="mt-10"><span class="h4 mb-10 block text-underline"><span id="AvailablePoints" class="display-5 font-weight-400 text-dark">' + Bizgaze.Apps.Transact.Controls.Order.Instance().g_LoyaltyPoints + '</span>' +
                            '</span></div></div></div></div><div class=" col-sm-4" id=""><div class="card card-sm shadow-hover " id="kpi_card" style="height:auto;"><div class="card-body">' +
                            '<span class="d-block font-15 font-weight-500 text-dark"> Redeem Points </span><div class="mt-10">' +
                            '<span class="h4 mb-10 block text-underline"><a href="javascript:;" id=""><span id="RedeemPoints" class="display-5 font-weight-400 text-dark">0</span></a></span></div></div></div></div>' +
                            '</div></div></div>  ';
                        $("#" + containerid).html(html);
                    }
                    loadControlSettings(controlsettingjson, formpropertyid) {
                    }
                    loadPropertySettings(propertysettings, formpropertyid) {
                        return null;
                    }
                    bindEditFormDetails(formpropertyid, propval, DocPropertyName) {
                        return null;
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new LoyaltyPoints();
                        }
                        return this.instance;
                    }
                }
                Controls.LoyaltyPoints = LoyaltyPoints;
            })(Controls = Transact.Controls || (Transact.Controls = {}));
        })(Transact = Apps.Transact || (Apps.Transact = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));