import {
  AdSlotBuilder,
  CSJAdCreator,
  CSJSplashAd,
  CSJAdSdk,
  CSJSplashAdInteractionListener,
  CSJSplashAdLoadListener,
  CSJSplashAdCloseType,
  CSJSplashAdLoadParam,
  MediationAdInfo
} from '@csj/openadsdk'
import { UIUtil } from '../mediation_adtype/tools/UIUtil'
import { PrintBiddingTokenUtils } from '../mediation_adtype/test/PrintBiddintTokenUtils'
import { window, router } from '@kit.ArkUI'
import { DemoConstants } from '../entryability/DemoConstants'

import('./SplashAdShowPage')

@Builder
function bottomViewBuilder() {
  Text('Bottom View')
    .backgroundColor(Color.Yellow)
    .width(UIUtil.getScreenWidthVp())
    .height(UIUtil.getScreenHeightVp() - adHeight)
}


@Builder
function closeBtnBuilder(closeBlock: () => void) {
  Text('close')
    .textAlign(TextAlign.Center)
    .backgroundColor(Color.Yellow)
    .width(60)
    .height(60)
    .borderRadius(30)
    .margin({ top: 50, right: 40 })
    .onClick(() => {
      closeBlock()
    })
}

let globalBuilder: WrappedBuilder<[]> = wrapBuilder(bottomViewBuilder)
let globalCloseBtnBuilder: WrappedBuilder<[closeBlock: () => void]> = wrapBuilder(closeBtnBuilder)

let screenWidth: number = UIUtil.getScreenWidthVp()
let screenHeight: number = UIUtil.getScreenHeightVp()

let adWidth: number = Math.round(screenWidth)
let adHeight: number = Math.round(screenHeight)

@Entry
@Component
struct SplashAdDemoPage {
  private mAdCreator: CSJAdCreator = CSJAdSdk.getAdCreator()
  private splashAd: CSJSplashAd | undefined
  context = getContext(this)
  @State adLoadSuccess: Boolean = false
  @State errorMsg: string | undefined = undefined;
  @State startLoad: boolean = false;
  private mLoadListener: CSJSplashAdLoadListener = {
    // 加载成功，直接展示广告
    onAdLoaded: (splashAd: CSJSplashAd) => {
      console.log("开屏回调 - onAdLoaded")
      this.splashAd = splashAd;
      this.adLoadSuccess = true;
      this.startLoad = false;
      // 方式一：直接showSplashAd
      this.splashAd.setInteractionListener(this.mSplashAdInteractionListener)
      if (adHeight < screenHeight) {
        this.splashAd?.showSplashAd(DemoConstants.windowStage, globalBuilder,
          this.useCustomCloseBtn ? globalCloseBtnBuilder : undefined)
      } else {
        this.splashAd?.showSplashAd(DemoConstants.windowStage, undefined,
          this.useCustomCloseBtn ? globalCloseBtnBuilder : undefined)
      }
    },
    // 加载失败，关闭广告并跳转到登录页
    onError: (code: number, message: string) => {
      this.errorMsg = "onError code: " + code + "message: " + message;
      console.log(`开屏回调 - onError code: ${code} message: ${message}`)
      this.closeWin()
      router.replaceUrl({url: "pages/Login"})
    },
    // 广告渲染成功，展示广告
    onRenderSuccess: (splashAd: CSJSplashAd) => {
      this.splashAd = splashAd;
      this.adLoadSuccess = true;
      this.startLoad = false;
      console.log("开屏回调 - onRenderSuccess")
    },
    // 广告渲染失败，关闭广告并跳转到登录页
    onRenderFail: () => {
      console.log("开屏回调 - onRenderFail")
      this.closeWin()
      router.replaceUrl({url: "pages/Login"})
    }
  }
  @State widthLabelText: string = "宽：" + adWidth
  @State heightLabelText: string = "高：" + adHeight
  private useCustomCloseBtn: boolean = false
  private loadTimeout: number = 3000
  private mWindow: window.Window | undefined = undefined
  closeWin() {
    const win = window.findWindow('startAd') // 找到子窗口
    win.destroyWindow() // 销毁窗口
  }
  aboutToAppear(){
    let adSlot = new AdSlotBuilder()
      .setCodeId("103438700")
      .setAcceptSize(adWidth,
        adHeight)
      .build()
    let param = new CSJSplashAdLoadParam(adSlot, this.mLoadListener, this.getUIContext(), this.loadTimeout)
    PrintBiddingTokenUtils.printBiddingToken(adSlot, this.mAdCreator);
    this.mAdCreator.loadSplashAd(param)
  }

  build() {
    Column() {
      Stack(){
        Progress({ value: 0, total: 10, type: ProgressType.Ring })
          .width(120).color('#409EFF').backgroundColor('#fff')
          .style({ strokeWidth: 10, status: ProgressStatus.LOADING })
        Image($r('app.media.logo')).width(60).height(60)
      }
    }.width('100%').height('100%').justifyContent(FlexAlign.Center)
  }

  // CSJSplashAdInteractionListener
  private mSplashAdInteractionListener: CSJSplashAdInteractionListener = {
    // 广告展示
    onDidShow: () => {
      console.log("开屏回调 - onDidShow")
      // 聚合show信息获取
      let info =  this.splashAd?.getMediaExtraInfo()
      if (info instanceof MediationAdInfo) {
        let showCpm = info.getShowEcpm()
        if (showCpm) {
          console.log("GMMediation_showCpm", "adnName:"+showCpm.getAdnName())
          console.log("GMMediation_showCpm", "ritType:"+showCpm.getRitType())
          console.log("GMMediation_showCpm", "adnRitId:"+showCpm.getAdnRitId())
          console.log("GMMediation_showCpm", "eCpm:"+showCpm.getEcpm())
        }
      }
    },
    // 关闭广告 closeType.value对应以下关闭原因1: 点击跳过，2: 展示倒计时时间到达，3: 点击广告，0: 其他
    onDidClose: (closeType: CSJSplashAdCloseType) => {
      this.splashAd = undefined
      // 方式二：需自行移除广告
      this.mWindow?.destroyWindow()
      if(closeType.value == 1 || closeType.value == 2) {
        this.closeWin()
        router.pushUrl({ url: "pages/Login"})
      }
    },
    // 广告被点击了
    onDidClick: () => {
      console.log("开屏回调 - onDidClick")
    },
    // 视频广告播放完成
    onVideoDidPlayFinish: () => {
      console.log("开屏回调 - onVideoDidPlayFinish")
    },
    // 视频广告播放错误
    onVideoDidPlayFail: () => {
      console.log("开屏回调 - onVideoDidPlayFail")
      this.closeWin()
      router.replaceUrl({url: "pages/Login"})
    }
  }
}