import { _decorator, Button, Color, EditBox, instantiate, Label, Node, RichText, Sprite, SpriteFrame, UITransform } from 'cc';
import { UIViewID } from '@scripts/define/UIDefine';
import { UICloseReason } from '@scripts/framework/ui/UILayer';
import { addBtnClick } from '@scripts/utils/UIHelper';
import { AppKernel } from '@scripts/app/AppKernel';
import { SelectBox } from '@scripts/components/selectBox/SelectBox';
import { UIPopup } from '@scripts/framework/ui/UIPopup';

const { ccclass, property } = _decorator;

@ccclass('SeasonPassPurchase')
export class SeasonPassPurchase extends UIPopup {
  readonly viewId = UIViewID.SeasonPassPurchase;

  @property(Node)
  private btn_close: Node = null;

  @property(Node)
  private btn_buy: Node = null;


  private _gear: any = {};

  protected onOpen(_params): void | Promise<void> {
    this._gear = _params;
  }


  protected onCreate(): void | Promise<void> {
    addBtnClick(this.btn_close, this.onBtnCloseClick, this);
    addBtnClick(this.btn_buy, this.onBtnBuyClick, this);
  }

  private onBtnCloseClick() {
    AppKernel.ui.close(this.viewId);
  }

  private onBtnBuyClick() {
    const payServices = AppKernel.services.paymentServices;
    const formatGear = this.formatGoods(this._gear);
    payServices.startPayment(formatGear, 0);

  }

  private formatGoods(goods: any) {
    goods.gears = JSON.parse(goods.gear);
    goods.cp = Number(goods.cp);
    goods.cp_reward = Number(goods.cp_reward);
    goods.cp_reward_display_percent = Number(goods.cp_reward_display_percent);
    goods.gc = Number(goods.gc);
    goods.gc_reward = Number(goods.gc_reward);
    goods.gc_reward_display_percent = Number(goods.gc_reward_display_percent);
    goods.gc_vip_reward = Number(goods.gc_vip_reward);
    goods.gc_vip_reward_display_percent = Number(goods.gc_vip_reward_display_percent);
    goods.sc = Number(goods.sc);
    goods.sc_reward = Number(goods.sc_reward);
    goods.sc_reward_display_percent = Number(goods.sc_reward_display_percent);

    return goods;
  }


}