/*
 * Copyright (C) 2024 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { MixInputData } from 'vap_module';
import { systemDateTime } from '@kit.BasicServicesKit';
import { LogUtil } from '../common/LogUtil';
import { util } from '@kit.ArkTS';
import { VAPComponentController } from 'vap_module';
import { VAPComponent, FitType } from 'vap_module';
import { MixData } from 'vap_module';

@Entry
@Component
struct GeneralAnimation {
  @State buttonEnabled: boolean = true;
  @State fitType: FitType = FitType.FIT_CENTER;

  private mVAPComponentController: VAPComponentController = new VAPComponentController();
  private playTimes: number = 0;
  private stopTimes: number = 0;
  private pauseTimes: number = 0;

  aboutToDisappear(): void {
    LogUtil.info('aboutToDisappear')
  }

  onPageShow(): void {
    LogUtil.info('onPageShow')
  }

  onPageHide(): void {
    LogUtil.info('onPageHide')
    this.mVAPComponentController.stop()
  }

  play() {
    this.mVAPComponentController.setFitType(this.fitType)
    LogUtil.info("js setFitType")
    // return
    try {
      let opts: Array<MixData> = [{
        srcId: 2,
        imgUri: getContext(this).filesDir + '/head1.png'
      },{
        srcId: 0,
        txt: "星河Harmony NEXT",
        imgUri: getContext(this).filesDir + '/head1.png'
      },{
        srcId: 1,
        txt: "星河Harmony NEXT",
      }];
      this.buttonEnabled = false;

      let startTime = systemDateTime.getTime(true)

      this.mVAPComponentController?.play(getContext(this).filesDir + "/vapx.mp4", opts, () => {
        LogUtil.info("js get callback")
        this.buttonEnabled = true;
      });
      let endTime = systemDateTime.getTime(true)
      LogUtil.info(this.playTimes + " play cost " + (endTime - startTime) / 1000)
    } catch (e) {
      LogUtil.error(this.playTimes + " play error " + JSON.stringify(e));
    }
    this.playTimes++;
  }

  pause() {
    try {
      let startTime = systemDateTime.getTime(true);
      this.mVAPComponentController?.pause();
      let endTime = systemDateTime.getTime(true)
      LogUtil.info(this.pauseTimes + " pause cost " + (endTime - startTime) / 1000)
    } catch (e) {
      LogUtil.error(this.pauseTimes + " pause error " + JSON.stringify(e));
    }
    this.pauseTimes++;
  }

  stop() {
    try {
      let startTime = systemDateTime.getTime(true);
      this.mVAPComponentController?.stop();
      let endTime = systemDateTime.getTime(true)
      LogUtil.info(this.stopTimes + " stop cost " + (endTime - startTime) / 1000)
    } catch (e) {
      LogUtil.error(this.stopTimes + " stop error " + JSON.stringify(e));
    }
    this.stopTimes++;
  }

  build() {
    Column() {
      Stack() {
        VAPComponent({ mCmpController: this.mVAPComponentController })
          .width('100%')
          .height('100%')

        Row() {
          Select([{value: 'fix_xy'}, {value: 'fix_center'}, {value: 'center_crop'}])
            .selected(1)
            .onSelect((index: number) => {
              console.info('Select: ' + index)
              this.fitType = index
              // this.mVAPComponentController.setFitType(this.fitType)
            })
          Button('Play')
            .fontWeight(500)
            .onClick(() => {
              this.play()
            })
            .width('200')
            .enabled(this.buttonEnabled)
          Button('pause')
            .onClick(() => {
              this.pause()
            })
          Button('stop')
            .onClick(() => {
              this.stop()
            })
        }
        .width('100%')
        .justifyContent(FlexAlign.SpaceAround)
        .alignItems(VerticalAlign.Bottom)
      }
      .backgroundImage($r('app.media.bg'))
      .backgroundImageSize(ImageSize.FILL)
      .alignContent(Alignment.Bottom)
      .height('100%')
      .width('100%')
    }
    .height('100%')
    .width('100%')
  }
}