import { Engine } from '../classes/Bastion';
import { FadeInOut, Tween } from '../classes/game/AnimationManager';
import Button, { ButtonTexture } from '../classes/gui/Button';
import { HowToPlay } from './HowToPlay';
import { MissionPickerScene } from './MissionPicker';
import Scene from './Scene';
import * as PIXI from 'pixi.js';

export class MainScene extends Scene {
    public init() {
        const NewGameButton = {
            caption: 'New Game',
            rect: new PIXI.Rectangle(
                Engine.app.canvas.width / 2 - 300 / 2,
                Engine.app.canvas.height / 5 + 2 * 80,
                300,
                60
            ),

            texture: ButtonTexture.Button02,
        };

        const SettingsButton = {
            caption: 'Settings',
            rect: new PIXI.Rectangle(
                Engine.app.canvas.width / 2 - 300 / 2,
                Engine.app.canvas.height / 5 + 4 * 80,
                300,
                60
            ),
            texture: ButtonTexture.Button02,
        };
        const TutorialButton = {
            caption: 'How to play',
            rect: new PIXI.Rectangle(
                Engine.app.canvas.width / 2 - 300 / 2,
                Engine.app.canvas.height / 5 + 3 * 80,
                300,
                60
            ),
            texture: ButtonTexture.Button02,
        };
        let text = new PIXI.Text({
            x: Engine.app.canvas.width / 2 - 300 / 2,
            y: Engine.app.canvas.height / 5 + 20,
            text: 'BASTION',
            style: {
                fill: 0xffaa00,
                fontFamily: 'Aclonica',
                fontSize: 100,
            },
        });
        text.x = text.x - text.width / 5;
        Engine.GameMaster.currentScene.stage.addChild(text);
        let text2 = new PIXI.Text({
            x: 0,
            y: 0,
            text: 'Latest commit: ' + Engine.latestCommit,
            style: {
                fill: 0x000000,
                fontSize: 10,
                fontWeight: 'bold',
            },
        });
        Engine.GameMaster.currentScene.stage.addChild(text2);
        const button01 = new Button(NewGameButton.rect, NewGameButton.caption, NewGameButton.texture, true);
        button01.onClick = (e) => {
            Engine.GameMaster.currentScene.stage.removeChild(text);
            Engine.GameMaster.currentScene.stage.removeChild(text2);
            Engine.GameMaster.changeScene(new MissionPickerScene());
        };

        let b2 = new Button(SettingsButton.rect, SettingsButton.caption, SettingsButton.texture, true);
        b2.onClick = (e) => {
            Engine.NotificationManager.Notify('Not finished.', 'info');
        };
        let b3 = new Button(TutorialButton.rect, TutorialButton.caption, TutorialButton.texture, true);
        b3.onClick = (e) => {
            Engine.GameMaster.currentScene.stage.removeChild(text);
            Engine.GameMaster.currentScene.stage.removeChild(text2);
            Engine.GameMaster.changeScene(new HowToPlay());
        };
    }
}