import Button from '../base/Button';
import { MissionDefinition } from '../base/Definitions';
import Creep, { CreepEvents } from '../components/Creep';
import { Grid } from '../components/Grid';
import MissionStats from '../components/MissionStats';
import Sidebar from '../components/Sidebar';
import TowerPicker from '../components/TowerPicker';
import WaveManager, { WaveManagerEvents } from '../components/WaveManager';
import SceneBase from './SceneBase';
import * as PIXI from 'pixi.js';

enum RoundMode {
    Purchase = 0,
    Combat = 1,
}

export default class GameScene extends SceneBase {
    public grid: Grid;
    private ticker: PIXI.Ticker;
    private stats: MissionStats;
    private waveManager: WaveManager;
    private sidebar: Sidebar;
    private towerPicker: TowerPicker;
    private roundMode = RoundMode.Purchase;
    private changeRoundButton: Button;
    private currentRound: number = 0;
    public missionIndex: number;

    private gridWidth: number;
    private gridHeight: number;

    constructor(mission: MissionDefinition, missionIndex: number, bounds: PIXI.Rectangle) {
        super(bounds);
        this.waveManager = new WaveManager(mission.rounds, mission.gameMap.paths, this);
        this.waveManager.events.on(WaveManagerEvents.CreepSpawned, (creep: Creep) => {
            this.grid.addCreep(creep);
            creep.events.on(CreepEvents.Escaped, () => {
                this.onCreepEscaped(creep);
            });
        });
        this.stats = new MissionStats(100, 200);
        this.grid = new Grid(mission.gameMap, this);
        this.sidebar = new Sidebar(this);
        this.towerPicker = new TowerPicker(this);
        this.gridWidth = mission.mapImage.width;
        this.gridHeight = mission.mapImage.height;
        this.ticker = new PIXI.Ticker();
        this.ticker.maxFPS = 60;
        this.ticker.minFPS = 30;
        this.ticker.add(() => this.update(this.ticker.elapsedMS)); // bruh
        this.ticker.start();
        this.missionIndex = missionIndex;
        this.changeRoundButton = new Button('Start', new PIXI.Color('white'), true);
        this.changeRoundButton.events.on('click', () => {
            console.log('clicked');
            this.changeRoundButton.setEnabled(false);
            this.changeRoundButton.setCaption('[X]');
            this.setRoundMode(RoundMode.Combat);
        });
        this.draw();
    }

    public destroy() {
        super.destroy();
        this.ticker.stop();
        this.ticker.destroy();
    }

    public update(elapsedMS: number) {
        if (this.checkGameOver()) return;
        this.waveManager.update(elapsedMS);
        this.grid.creeps.forEach((creep) => creep.update(elapsedMS));
        this.checkToEndCombat();
    }

    private setRoundMode(roundMode: RoundMode) {
        this.roundMode = roundMode;
        if (this.roundMode == RoundMode.Combat) {
            this.waveManager.start(this.currentRound);
        } else {
            this.waveManager.end();
        }
    }

    private checkToEndCombat() {
        let isFinished = false; // todo: implement
        if (!this.waveManager.finished) {
            isFinished = false;
        }
        if (isFinished) {
            this.currentRound++;
            this.setRoundMode(RoundMode.Purchase);
        }
    }

    private checkGameOver() {
        if (this.stats.getHP() <= 0) {
            // TODO: end game
            return true;
        }
        return false;
    }

    private onCreepEscaped(creep: Creep) {
        this.stats.takeDamage(creep.health);
    }

    protected draw() {
        console.log('Drawing Game Scene ', this.bounds);
        this.container.removeChildren();
        const g = new PIXI.Graphics();
        g.rect(0, 0, this.bounds.width, this.bounds.height);
        g.fill(0x000033);
        this.container.addChild(g);
        this.stats.setBounds(this.getStatusBounds());
        this.grid.setBounds(this.getGridBounds());
        this.sidebar.setBounds(this.getSidebarBounds());
        this.towerPicker.setBounds(this.getTowerPickerBounds());
        this.changeRoundButton.setBounds(this.getChangeRoundButtonBounds());
        this.container.addChild(this.sidebar.container);
        this.container.addChild(this.stats.container);
        this.container.addChild(this.towerPicker.container);
        this.container.addChild(this.grid.container);
        this.container.addChild(this.changeRoundButton.container);
        this.container.x = this.bounds.x;
        this.container.y = this.bounds.y;
    }

    private getSidebarBounds(): PIXI.Rectangle {
        return new PIXI.Rectangle(this.bounds.width - 350, 0, 350, this.bounds.height);
    }
    private getTowerPickerBounds(): PIXI.Rectangle {
        return new PIXI.Rectangle(this.bounds.width - 350, 100, 350, this.bounds.height - 250);
    }
    private getStatusBounds(): PIXI.Rectangle {
        // Top / Center
        return new PIXI.Rectangle(0, 0, this.bounds.width, 100);
    }

    private getGridBounds(): PIXI.Rectangle {
        // Center / Center
        return new PIXI.Rectangle(
            this.bounds.width / 2 - this.gridWidth / 2,
            this.bounds.height / 2 - this.gridHeight / 2,
            this.gridWidth,
            this.gridHeight
        );
    }
    private getChangeRoundButtonBounds(): PIXI.Rectangle {
        // Center / Center
        let width = 350;
        let height = 150;
        return new PIXI.Rectangle(this.bounds.width - width, this.bounds.height - height, width, height);
    }
}