import ImageFrameConfig = Phaser.Types.Loader.FileTypes.ImageFrameConfig;

const LogoNameIndex: string = 'logoLoading';
const TextName: string = 'Loading...';
const LogoResource: string = 'resources/logos/logo.png';
const LogoFrame: ImageFrameConfig = {frameWidth: 307, frameHeight: 59};

let promiseLoadLogoTexture: Promise<Phaser.GameObjects.Image>|null = null;
let loadingText: Phaser.GameObjects.Text|null = null;
let progressContainer: Phaser.GameObjects.Graphics|null = null;
let progress: Phaser.GameObjects.Graphics|null = null;

export const addLoader = (scene: Phaser.Scene): void => {

    const loadingBarWidth: number = Math.floor(scene.game.renderer.width / 3);
    const loadingBarHeight: number = 16;
    const padding: number = 5;

    promiseLoadLogoTexture = new Promise<Phaser.GameObjects.Image>((res) => {
        if(scene.load.textureManager.exists(LogoNameIndex)){
            return res(scene.add.image(scene.game.renderer.width / 2, scene.game.renderer.height / 2 - 150, LogoNameIndex));
        }else{
            //add loading if logo image is not ready
            loadingText = scene.add.text(scene.game.renderer.width / 2, scene.game.renderer.height / 2 - 50, TextName);
        }
        scene.load.spritesheet(LogoNameIndex, LogoResource, LogoFrame);
        scene.load.once(`filecomplete-spritesheet-${LogoNameIndex}`, () => {
            if(loadingText){
                loadingText.destroy();
            }
            return res(scene.add.image(scene.game.renderer.width / 2, scene.game.renderer.height / 2 - 150, LogoNameIndex));
        });
    });

    progressContainer = scene.add.graphics();
    progress = scene.add.graphics();
    progressContainer.fillStyle(0x444444, 0.8);
    progressContainer.fillRect((scene.game.renderer.width - loadingBarWidth) / 2 - padding, scene.game.renderer.height / 2 + 50 - padding, loadingBarWidth + padding * 2, loadingBarHeight + padding * 2);

    scene.load.on('progress', (value: number) => {
        if(progress){
            progress.clear();
            progress.fillStyle(0xBBBBBB, 1);
            progress.fillRect((scene.game.renderer.width - loadingBarWidth) / 2, scene.game.renderer.height / 2 + 50, loadingBarWidth * value, loadingBarHeight);
        }
    });
    scene.load.on('complete', () => {
        endLoader(scene);
    });
}

export const endLoader = (scene: Phaser.Scene): void => {
    if(loadingText){
        loadingText.destroy();
    }
    if(promiseLoadLogoTexture){
        promiseLoadLogoTexture.then((resLoadingImage: Phaser.GameObjects.Image) => {
            resLoadingImage.destroy();
        });
    }
    if(progress){
        progress.destroy();
    }
    if(progressContainer){
        progressContainer.destroy();
    }
}