import { _decorator, CCInteger, CCString, Component, game, Node, randomRangeInt, RealCurve, sp, Sprite } from 'cc';
import GachaBase from '../Base/GachaBase';
import SpineAnimationHandler from '../Base/SpineAnimationHandler';
import GachaManager from '../Manager/GachaManager';

const { ccclass, property } = _decorator;

@ccclass('LuckyWheel')
export default class LuckyWheel extends GachaBase {
    @property(SpineAnimationHandler)
    private animationHandler: SpineAnimationHandler;
    @property(Node)
    private spineRoot: Node;
    @property(CCString)
    private wheelBoneName: string = '';
    @property(CCInteger)
    private speed: number = 1;
    @property(RealCurve)
    private spinCurve: RealCurve = new RealCurve();
    @property(Sprite)
    private sprites: Sprite[] = [];

    private _wheel: sp.spine.Bone;
    private _targetAngle: number = 0;
    private _spinning: boolean = false;
    private _timer: number = 0;
    private _timeSpin: number = 0;
    private _maxAngle: number = 0;

    protected onLoad(): void {
        this._wheel = this.animationHandler.findBone(this.wheelBoneName);
    }

    protected onEnable(): void {
        this.spineRoot.setActive(false);
        this._wheel.rotation = 0;
        this._wheel.update();
    }

    protected update(): void {
        if (this._spinning) {
            this._timer += game.deltaTime * this.speed;
            const angle = this._maxAngle * this.spinCurve.evaluate(this._timer / this._timeSpin);
            this._wheel.rotation = this._targetAngle + angle;
            this._wheel.update();
            if (this._timer >= this._timeSpin) {
                this._spinning = false;
                GachaManager.instance.gachaDone();
            }
        }
    }

    public async show(): Promise<void> {
        for (let i = 0; i < GachaManager.instance.rewards.length; i++) {
            this.sprites[i].spriteFrame = GachaManager.instance.rewards[i].icon;
        }
        this.spineRoot.setActive(true);
        await this.animationHandler.setAnimationAsync('appear');

        this.animationHandler.addAnimation('idle', { loop: true });
    }

    public async spin() {
        if (this._spinning) return;
        this._spinning = true;
        const reward = await GachaManager.instance.getReward();
        const item = GachaManager.instance.getRewardIndex(reward);
        if (reward) {
            this.animationHandler.clearTrack(0);
            this._targetAngle = -36 * item;
            this._timer = 0;
            this._timeSpin = randomRangeInt(10, 15);
            this._maxAngle = 360 * this._timeSpin;

            return;
        }

        this._spinning = true;
        GachaManager.instance.gachaDone();
    }
}