package funkin.ui.animDebugShit;

import flixel.FlxCamera;
import flixel.FlxSprite;
import flixel.FlxState;
import flixel.addons.display.FlxGridOverlay;
import flixel.addons.ui.FlxInputText;
import flixel.addons.ui.FlxUIDropDownMenu;
import flixel.graphics.frames.FlxAtlasFrames;
import flixel.graphics.frames.FlxFrame;
import flixel.group.FlxGroup;
import flixel.math.FlxPoint;
import flixel.system.FlxSound;
import flixel.text.FlxText;
import flixel.util.FlxColor;
import flixel.util.FlxSpriteUtil;
import flixel.util.FlxTimer;
import funkin.play.character.BaseCharacter;
import funkin.play.character.CharacterData.CharacterDataParser;
import funkin.play.character.SparrowCharacter;
import haxe.ui.RuntimeComponentBuilder;
import haxe.ui.components.DropDown;
import haxe.ui.core.Component;
import haxe.ui.events.ItemEvent;
import haxe.ui.events.UIEvent;
import lime.utils.Assets as LimeAssets;
import openfl.Assets;
import openfl.events.Event;
import openfl.events.IOErrorEvent;
import openfl.geom.Rectangle;
import openfl.net.FileReference;
import openfl.net.URLLoader;
import openfl.net.URLRequest;
import openfl.utils.ByteArray;

using flixel.util.FlxSpriteUtil;

#if web
import js.html.FileList;
#end
#if sys
import sys.io.File;
#end

class DebugBoundingState extends FlxState
{
	/* 
		TODAY'S TO-DO
		- Cleaner UI
	 */
	var bg:FlxSprite;
	var fileInfo:FlxText;

	var txtGrp:FlxGroup;

	var hudCam:FlxCamera;

	var curView:ANIMDEBUGVIEW = SPRITESHEET;

	var spriteSheetView:FlxGroup;
	var offsetView:FlxGroup;
	var animDropDownMenu:FlxUIDropDownMenu;
	var dropDownSetup:Bool = false;

	var onionSkinChar:FlxSprite;
	var txtOffsetShit:FlxText;

	var uiStuff:Component;

	override function create()
	{
		Paths.setCurrentLevel('week1');

		var str = Paths.xml('ui/offset-editor-view');
		uiStuff = RuntimeComponentBuilder.fromAsset(str);

		// uiStuff.findComponent("btnViewSpriteSheet").onClick = _ -> curView = SPRITESHEET;
		var dropdown:DropDown = cast uiStuff.findComponent("swapper");
		dropdown.onChange = function(e:UIEvent)
		{
			trace(e.type);
			curView = cast e.data.curView;
			trace(e.data);
			// trace(e.data);
		};
		// lv.
		// lv.onChange = function(e:UIEvent)
		// {
		// 	trace(e.type);
		// 	// trace(e.data.curView);
		// 	// var item:haxe.ui.core.ItemRenderer = cast e.target;
		// 	trace(e.target);
		// 	// if (e.type == "change")
		// 	// {
		// 	// 	curView = cast e.data;
		// 	// }
		// };

		hudCam = new FlxCamera();
		hudCam.bgColor.alpha = 0;

		FlxG.cameras.add(hudCam, false);

		bg = FlxGridOverlay.create(10, 10);
		// bg = new FlxSprite().makeGraphic(FlxG.width, FlxG.height, FlxColor.GREEN);

		bg.scrollFactor.set();
		add(bg);

		initSpritesheetView();
		initOffsetView();

		uiStuff.cameras = [hudCam];

		add(uiStuff);

		super.create();
	}

	var bf:FlxSprite;
	var swagOutlines:FlxSprite;

	function initSpritesheetView():Void
	{
		spriteSheetView = new FlxGroup();
		add(spriteSheetView);

		var tex = Paths.getSparrowAtlas('characters/temp');
		// tex.frames[0].uv

		bf = new FlxSprite();
		bf.loadGraphic(tex.parent);
		spriteSheetView.add(bf);

		swagOutlines = new FlxSprite().makeGraphic(tex.parent.width, tex.parent.height, FlxColor.TRANSPARENT);

		generateOutlines(tex.frames);

		txtGrp = new FlxGroup();
		txtGrp.cameras = [hudCam];
		spriteSheetView.add(txtGrp);

		addInfo('boyfriend.xml', "");
		addInfo('Width', bf.width);
		addInfo('Height', bf.height);

		swagOutlines.antialiasing = true;
		spriteSheetView.add(swagOutlines);

		FlxG.stage.window.onDropFile.add(function(path:String)
		{
			// WACKY ASS TESTING SHIT FOR WEB FILE LOADING??
			#if web
			var swagList:FileList = cast path;

			var objShit = js.html.URL.createObjectURL(swagList.item(0));
			trace(objShit);

			var funnysound = new FlxSound().loadStream('https://cdn.discordapp.com/attachments/767500676166451231/817821618251759666/Flutter.mp3', false,
				false, null, function()
			{
				trace('LOADED SHIT??');
			});

			funnysound.volume = 1;
			funnysound.play();

			var urlShit = new URLLoader(new URLRequest(objShit));

			new FlxTimer().start(3, function(tmr:FlxTimer)
			{
				// music lol!
				if (urlShit.dataFormat == BINARY)
				{
					// var daSwagBytes:ByteArray = urlShit.data;

					// FlxG.sound.playMusic();

					// trace('is binary!!');
				}
				trace(urlShit.dataFormat);
			});

			// remove(bf);
			// FlxG.bitmap.removeByKey(Paths.image('characters/temp'));
			// Assets.cache.clear();

			// bf.loadGraphic(objShit);
			// add(bf);

			// trace(swagList.item(0).name);
			// var urlShit = js.html.URL.createObjectURL(path);
			#end

			#if sys
			trace("DROPPED FILE FROM: " + Std.string(path));
			var newPath = "./" + Paths.image('characters/temp');
			File.copy(path, newPath);

			var swag = Paths.image('characters/temp');

			if (bf != null)
				remove(bf);
			FlxG.bitmap.removeByKey(Paths.image('characters/temp'));
			Assets.cache.clear();

			bf.loadGraphic(Paths.image('characters/temp'));
			add(bf);
			#end
		});
	}

	function generateOutlines(frameShit:Array<FlxFrame>):Void
	{
		// swagOutlines.width = frameShit[0].parent.width;
		// swagOutlines.height = frameShit[0].parent.height;
		swagOutlines.pixels.fillRect(new Rectangle(0, 0, swagOutlines.width, swagOutlines.height), 0x00000000);

		for (i in frameShit)
		{
			var lineStyle:LineStyle = {color: FlxColor.RED, thickness: 2};

			var uvW:Float = (i.uv.width * i.parent.width) - (i.uv.x * i.parent.width);
			var uvH:Float = (i.uv.height * i.parent.height) - (i.uv.y * i.parent.height);

			// trace(Std.int(i.uv.width * i.parent.width));
			swagOutlines.drawRect(i.uv.x * i.parent.width, i.uv.y * i.parent.height, uvW, uvH, FlxColor.TRANSPARENT, lineStyle);
			// swagGraphic.setPosition(, );
			// trace(uvH);
		}
	}

	function initOffsetView():Void
	{
		offsetView = new FlxGroup();
		add(offsetView);

		onionSkinChar = new FlxSprite().makeGraphic(FlxG.width * 2, FlxG.height * 2, FlxColor.TRANSPARENT);
		onionSkinChar.visible = false;
		offsetView.add(onionSkinChar);

		txtOffsetShit = new FlxText(20, 20, 0, "", 20);
		txtOffsetShit.setFormat(Paths.font("vcr.ttf"), 26, FlxColor.WHITE, LEFT, FlxTextBorderStyle.OUTLINE, FlxColor.BLACK);
		txtOffsetShit.cameras = [hudCam];
		offsetView.add(txtOffsetShit);

		animDropDownMenu = new FlxUIDropDownMenu(630, 20, FlxUIDropDownMenu.makeStrIdLabelArray(['weed'], true));
		animDropDownMenu.cameras = [hudCam];
		offsetView.add(animDropDownMenu);

		var characters:Array<String> = CoolUtil.coolTextFile(Paths.txt('characterList'));

		var charDropdown:DropDown = cast uiStuff.findComponent('characterDropdown');
		for (char in characters)
		{
			charDropdown.dataSource.add({text: char});
		}

		charDropdown.onChange = function(e:UIEvent)
		{
			loadAnimShit(e.data.text);
		};
	}

	public var mouseOffset:FlxPoint = FlxPoint.get(0, 0);
	public var oldPos:FlxPoint = FlxPoint.get(0, 0);

	function mouseOffsetMovement()
	{
		if (swagChar != null)
		{
			if (FlxG.mouse.justPressed)
			{
				mouseOffset.set(FlxG.mouse.x - -swagChar.offset.x, FlxG.mouse.y - -swagChar.offset.y);
				// oldPos.set(swagChar.offset.x, swagChar.offset.y);
				// oldPos.set(FlxG.mouse.x, FlxG.mouse.y);
			}

			if (FlxG.mouse.pressed)
			{
				swagChar.offset.x = (FlxG.mouse.x - mouseOffset.x) * -1;
				swagChar.offset.y = (FlxG.mouse.y - mouseOffset.y) * -1;

				swagChar.animationOffsets.set(animDropDownMenu.selectedLabel, [Std.int(swagChar.offset.x), Std.int(swagChar.offset.y)]);

				txtOffsetShit.text = 'Offset: ' + swagChar.offset;
			}
		}
	}

	function addInfo(str:String, value:Dynamic)
	{
		var swagText:FlxText = new FlxText(10, 10 + (28 * txtGrp.length));
		swagText.setFormat(Paths.font("vcr.ttf"), 26, FlxColor.WHITE, LEFT, FlxTextBorderStyle.OUTLINE, FlxColor.BLACK);
		swagText.scrollFactor.set();
		txtGrp.add(swagText);

		swagText.text = str + ": " + Std.string(value);
	}

	function checkLibrary(library:String)
	{
		trace(Assets.hasLibrary(library));
		if (Assets.getLibrary(library) == null)
		{
			@:privateAccess
			if (!LimeAssets.libraryPaths.exists(library))
				throw "Missing library: " + library;

			// var callback = callbacks.add("library:" + library);
			Assets.loadLibrary(library).onComplete(function(_)
			{
				trace('LOADED... awesomeness...');
				// callback();
			});
		}
	}

	override function update(elapsed:Float)
	{
		if (FlxG.keys.justPressed.ONE)
		{
			var lv:DropDown = cast uiStuff.findComponent("swapper");
			lv.selectedIndex = 0;
			curView = SPRITESHEET;
		}

		if (FlxG.keys.justReleased.TWO)
		{
			var lv:DropDown = cast uiStuff.findComponent("swapper");
			lv.selectedIndex = 1;
			curView = OFFSETSHIT;
			if (swagChar != null)
			{
				FlxG.camera.focusOn(swagChar.getMidpoint());
				FlxG.camera.zoom = 0.95;
			}
		}

		switch (curView)
		{
			case SPRITESHEET:
				spriteSheetView.visible = true;
				offsetView.visible = false;
				offsetView.active = false;
			case OFFSETSHIT:
				spriteSheetView.visible = false;
				offsetView.visible = true;
				offsetView.active = true;
				offsetControls();
				mouseOffsetMovement();
		}

		if (FlxG.keys.justPressed.H)
			hudCam.visible = !hudCam.visible;

		CoolUtil.mouseCamDrag();
		CoolUtil.mouseWheelZoom();

		// bg.scale.x = FlxG.camera.zoom;
		// bg.scale.y = FlxG.camera.zoom;

		bg.setGraphicSize(Std.int(bg.width / FlxG.camera.zoom));

		super.update(elapsed);
	}

	function offsetControls():Void
	{
		if (FlxG.keys.justPressed.RBRACKET || FlxG.keys.justPressed.E)
		{
			if (Std.parseInt(animDropDownMenu.selectedId) + 1 <= animDropDownMenu.length)
				animDropDownMenu.selectedId = Std.string(Std.parseInt(animDropDownMenu.selectedId) + 1);
			else
				animDropDownMenu.selectedId = Std.string(0);
			animDropDownMenu.callback(animDropDownMenu.selectedId);
		}
		if (FlxG.keys.justPressed.LBRACKET || FlxG.keys.justPressed.Q)
		{
			if (Std.parseInt(animDropDownMenu.selectedId) - 1 >= 0)
				animDropDownMenu.selectedId = Std.string(Std.parseInt(animDropDownMenu.selectedId) - 1);
			else
				animDropDownMenu.selectedId = Std.string(animDropDownMenu.length - 1);
			animDropDownMenu.callback(animDropDownMenu.selectedId);
		}

		// Keyboards controls for general WASD "movement"
		// modifies the animDropDownMenu so that it's properly updated and shit
		// and then it's just played and updated from the animDropDownMenu callback, which is set in the loadAnimShit() function probabbly
		if (FlxG.keys.justPressed.W || FlxG.keys.justPressed.S || FlxG.keys.justPressed.D || FlxG.keys.justPressed.A)
		{
			var missShit:String = '';

			if (FlxG.keys.pressed.SHIFT)
				missShit = 'miss';

			if (FlxG.keys.justPressed.W)
				animDropDownMenu.selectedLabel = 'singUP' + missShit;
			if (FlxG.keys.justPressed.S)
				animDropDownMenu.selectedLabel = 'singDOWN' + missShit;
			if (FlxG.keys.justPressed.A)
				animDropDownMenu.selectedLabel = 'singLEFT' + missShit;
			if (FlxG.keys.justPressed.D)
				animDropDownMenu.selectedLabel = 'singRIGHT' + missShit;

			animDropDownMenu.callback(animDropDownMenu.selectedId);
		}

		if (FlxG.keys.justPressed.F)
		{
			onionSkinChar.visible = !onionSkinChar.visible;
		}

		// Plays the idle animation
		if (FlxG.keys.justPressed.SPACE)
		{
			animDropDownMenu.selectedLabel = 'idle';
			animDropDownMenu.callback(animDropDownMenu.selectedId);
		}

		// Playback the animation
		if (FlxG.keys.justPressed.ENTER)
			animDropDownMenu.callback(animDropDownMenu.selectedId);

		if (FlxG.keys.justPressed.RIGHT || FlxG.keys.justPressed.LEFT || FlxG.keys.justPressed.UP || FlxG.keys.justPressed.DOWN)
		{
			var animName = animDropDownMenu.selectedLabel;
			var coolValues:Array<Float> = swagChar.animationOffsets.get(animName);

			var multiplier:Int = 5;

			if (FlxG.keys.pressed.CONTROL)
				multiplier = 1;

			if (FlxG.keys.pressed.SHIFT)
				multiplier = 10;

			if (FlxG.keys.justPressed.RIGHT)
				coolValues[0] -= 1 * multiplier;
			else if (FlxG.keys.justPressed.LEFT)
				coolValues[0] += 1 * multiplier;
			else if (FlxG.keys.justPressed.UP)
				coolValues[1] += 1 * multiplier;
			else if (FlxG.keys.justPressed.DOWN)
				coolValues[1] -= 1 * multiplier;

			swagChar.animationOffsets.set(animDropDownMenu.selectedLabel, coolValues);
			swagChar.playAnimation(animName);

			txtOffsetShit.text = 'Offset: ' + coolValues;

			trace(animName);
		}

		if (FlxG.keys.justPressed.ESCAPE)
		{
			var outputString:String = "";

			for (i in swagChar.animationOffsets.keys())
			{
				outputString += i + " " + swagChar.animationOffsets.get(i)[0] + " " + swagChar.animationOffsets.get(i)[1] + "\n";
			}

			outputString.trim();
			saveOffsets(outputString);
		}
	}

	var swagChar:BaseCharacter;

	/*
		Called when animation dropdown is changed!
	 */
	function loadAnimShit(char:String)
	{
		if (swagChar != null)
		{
			offsetView.remove(swagChar);
			swagChar.destroy();
		}

		swagChar = CharacterDataParser.fetchCharacter(char);
		swagChar.x = 100;
		swagChar.y = 100;
		// swagChar.debugMode = true;
		offsetView.add(swagChar);

		generateOutlines(swagChar.frames.frames);
		bf.pixels = swagChar.pixels;

		var animThing:Array<String> = [];

		for (i in swagChar.animationOffsets.keys())
		{
			animThing.push(i);
			trace(i);
			trace(swagChar.animationOffsets[i]);
		}

		animDropDownMenu.setData(FlxUIDropDownMenu.makeStrIdLabelArray(animThing, true));
		animDropDownMenu.callback = function(str:String)
		{
			// clears the canvas
			onionSkinChar.pixels.fillRect(new Rectangle(0, 0, FlxG.width * 2, FlxG.height * 2), 0x00000000);

			onionSkinChar.stamp(swagChar, Std.int(swagChar.x - swagChar.offset.x), Std.int(swagChar.y - swagChar.offset.y));
			onionSkinChar.alpha = 0.6;

			var animName = animThing[Std.parseInt(str)];
			swagChar.playAnimation(animName, true); // trace();
			trace(swagChar.animationOffsets.get(animName));

			txtOffsetShit.text = 'Offset: ' + swagChar.offset;
		};
		dropDownSetup = true;
	}

	var _file:FileReference;

	private function saveOffsets(saveString:String)
	{
		if ((saveString != null) && (saveString.length > 0))
		{
			_file = new FileReference();
			_file.addEventListener(Event.COMPLETE, onSaveComplete);
			_file.addEventListener(Event.CANCEL, onSaveCancel);
			_file.addEventListener(IOErrorEvent.IO_ERROR, onSaveError);
			_file.save(saveString, swagChar.characterId + "Offsets.txt");
		}
	}

	function onSaveComplete(_):Void
	{
		_file.removeEventListener(Event.COMPLETE, onSaveComplete);
		_file.removeEventListener(Event.CANCEL, onSaveCancel);
		_file.removeEventListener(IOErrorEvent.IO_ERROR, onSaveError);
		_file = null;
		FlxG.log.notice("Successfully saved LEVEL DATA.");
	}

	/**
	 * Called when the save file dialog is cancelled.
	 */
	function onSaveCancel(_):Void
	{
		_file.removeEventListener(Event.COMPLETE, onSaveComplete);
		_file.removeEventListener(Event.CANCEL, onSaveCancel);
		_file.removeEventListener(IOErrorEvent.IO_ERROR, onSaveError);
		_file = null;
	}

	/**
	 * Called if there is an error while saving the gameplay recording.
	 */
	function onSaveError(_):Void
	{
		_file.removeEventListener(Event.COMPLETE, onSaveComplete);
		_file.removeEventListener(Event.CANCEL, onSaveCancel);
		_file.removeEventListener(IOErrorEvent.IO_ERROR, onSaveError);
		_file = null;
		FlxG.log.error("Problem saving Level data");
	}
}

enum abstract ANIMDEBUGVIEW(String)
{
	var SPRITESHEET;
	var OFFSETSHIT;
}