class UIMenubar {

	static inst: UIMenubar;
	static defaultMenubarW = 330;
	workspaceHandle = new Handle({ layout: Layout.Horizontal });
	menuHandle = new Handle({ layout: Layout.Horizontal });
	menubarw = UIMenubar.defaultMenubarW;

	///if is_lab
	static _savedCamera: Mat4 = null;
	static _plane: MeshObject = null;
	///end

	constructor() {
		UIMenubar.inst = this;
	}

	renderUI = (g: Graphics2) => {
		let ui = UIBase.inst.ui;

		///if (is_paint || is_sculpt)
		let panelx = App.x() - UIToolbar.inst.toolbarw;
		///end
		///if is_lab
		let panelx = App.x();
		///end

		if (ui.window(this.menuHandle, panelx, 0, this.menubarw, UIHeader.headerh)) {
			ui._x += 1; // Prevent "File" button highlight on startup

			ui.beginMenu();

			if (Config.raw.touch_ui) {

				///if (is_paint || is_sculpt)
				ui._w = UIToolbar.inst.toolbarw;
				///end
				///if is_lab
				ui._w = 36;
				///end

				if (UIMenubar.iconButton(ui, 0, 2)) BoxPreferences.show();
				if (UIMenubar.iconButton(ui, 0, 3)) {
					///if (krom_android || krom_ios)
					Console.toast(tr("Saving project"));
					Project.projectSave();
					///end
					Base.notifyOnNextFrame(() => {
						BoxProjects.show();
					});
				}
				if (UIMenubar.iconButton(ui, 4, 2)) Project.importAsset();
				///if (is_paint || is_lab)
				if (UIMenubar.iconButton(ui, 5, 2)) BoxExport.showTextures();
				///end
				let size = Math.floor(ui._w / ui.SCALE());
				if (UIMenu.show && UIMenu.menuCategory == MenuCategory.MenuViewport) ui.fill(0, -6, size, size - 4, ui.t.HIGHLIGHT_COL);
				if (UIMenubar.iconButton(ui, 8, 2)) this.showMenu(ui, MenuCategory.MenuViewport);
				if (UIMenu.show && UIMenu.menuCategory == MenuCategory.MenuMode) ui.fill(0, -6, size, size - 4, ui.t.HIGHLIGHT_COL);
				if (UIMenubar.iconButton(ui, 9, 2)) this.showMenu(ui, MenuCategory.MenuMode);
				if (UIMenu.show && UIMenu.menuCategory == MenuCategory.MenuCamera) ui.fill(0, -6, size, size - 4, ui.t.HIGHLIGHT_COL);
				if (UIMenubar.iconButton(ui, 10, 2)) this.showMenu(ui, MenuCategory.MenuCamera);
				if (UIMenu.show && UIMenu.menuCategory == MenuCategory.MenuHelp) ui.fill(0, -6, size, size - 4, ui.t.HIGHLIGHT_COL);
				if (UIMenubar.iconButton(ui, 11, 2)) this.showMenu(ui, MenuCategory.MenuHelp);
				ui.enabled = History.undos > 0;
				if (UIMenubar.iconButton(ui, 6, 2)) History.undo();
				ui.enabled = History.redos > 0;
				if (UIMenubar.iconButton(ui, 7, 2)) History.redo();
				ui.enabled = true;
			}
			else {
				let categories = [tr("File"), tr("Edit"), tr("Viewport"), tr("Mode"), tr("Camera"), tr("Help")];
				for (let i = 0; i < categories.length; ++i) {
					if (ui.menuButton(categories[i]) || (UIMenu.show && UIMenu.menuCommands == null && ui.isHovered)) {
						this.showMenu(ui, i);
					}
				}
			}

			if (this.menubarw < ui._x + 10) {
				this.menubarw = Math.floor(ui._x + 10);

				///if (is_paint || is_sculpt)
				UIToolbar.inst.toolbarHandle.redraws = 2;
				///end
			}

			ui.endMenu();
		}

		let nodesw = (UINodes.inst.show || UIView2D.inst.show) ? Config.raw.layout[LayoutSize.LayoutNodesW] : 0;
		///if (is_paint || is_sculpt)
		let ww = System.width - Config.raw.layout[LayoutSize.LayoutSidebarW] - this.menubarw - nodesw;
		panelx = (App.x() - UIToolbar.inst.toolbarw) + this.menubarw;
		///else
		let ww = System.width - this.menubarw - nodesw;
		panelx = (App.x()) + this.menubarw;
		///end

		if (ui.window(this.workspaceHandle, panelx, 0, ww, UIHeader.headerh)) {

			if (!Config.raw.touch_ui) {
				ui.tab(UIHeader.inst.worktab, tr("3D View"));
			}
			else {
				ui.fill(0, 0, ui._windowW, ui._windowH + 4, ui.t.SEPARATOR_COL);
			}

			///if is_lab
			ui.tab(UIHeader.inst.worktab, tr("2D View"));
			if (UIHeader.inst.worktab.changed) {
				Context.raw.ddirty = 2;
				Context.raw.brushBlendDirty = true;
				UIHeader.inst.headerHandle.redraws = 2;
				Context.mainObject().skip_context = null;

				if (UIHeader.inst.worktab.position == SpaceType.Space3D) {
					if (UIMenubar._savedCamera != null) {
						Scene.active.camera.transform.setMatrix(UIMenubar._savedCamera);
						UIMenubar._savedCamera = null;
					}
					Scene.active.meshes = [Context.mainObject()];
				}
				else { // Space2D
					if (UIMenubar._plane == null) {
						let mesh: any = new GeomPlane(1, 1, 2, 2);
						let raw = {
							name: "2DView",
							vertex_arrays: [
								{ values: mesh.posa, attrib: "pos", data: "short4norm" },
								{ values: mesh.nora, attrib: "nor", data: "short2norm" },
								{ values: mesh.texa, attrib: "tex", data: "short2norm" }
							],
							index_arrays: [
								{ values: mesh.inda, material: 0 }
							],
							scale_pos: mesh.scalePos,
							scale_tex: mesh.scaleTex
						};
						let md = new MeshData(raw, (md: MeshData) => {});
						let dotPlane: MeshObject = Scene.active.getChild(".Plane") as MeshObject;
						UIMenubar._plane = new MeshObject(md, dotPlane.materials);
						array_remove(Scene.active.meshes, UIMenubar._plane);
					}

					if (UIMenubar._savedCamera == null) {
						UIMenubar._savedCamera = Scene.active.camera.transform.local.clone();
					}
					Scene.active.meshes = [UIMenubar._plane];
					let m = Mat4.identity();
					m.translate(0, 0, 1.6);
					Scene.active.camera.transform.setMatrix(m);
				}
				///if (krom_direct3d12 || krom_vulkan || krom_metal)
				RenderPathRaytrace.ready = false;
				///end
			}
			///end
		}
	}

	showMenu = (ui: Zui, category: i32) => {
		UIMenu.show = true;
		UIMenu.menuCommands = null;
		UIMenu.menuCategory = category;
		UIMenu.menuCategoryW = ui._w;
		UIMenu.menuCategoryH = Math.floor(ui.MENUBAR_H());
		UIMenu.menuX = Math.floor(ui._x - ui._w);
		UIMenu.menuY = Math.floor(ui.MENUBAR_H());
		if (Config.raw.touch_ui) {
			let menuW = Math.floor(Base.defaultElementW * Base.uiMenu.SCALE() * 2.0);
			UIMenu.menuX -= Math.floor((menuW - ui._w) / 2) + Math.floor(UIHeader.headerh / 2);
			UIMenu.menuX += Math.floor(2 * Base.uiMenu.SCALE());
			UIMenu.menuY -= Math.floor(2 * Base.uiMenu.SCALE());
			UIMenu.keepOpen = true;
		}
	}

	static iconButton = (ui: Zui, i: i32, j: i32): bool => {
		let col = ui.t.WINDOW_BG_COL;
		if (col < 0) col += 4294967296;
		let light = col > 0xff666666 + 4294967296;
		let iconAccent = light ? 0xff666666 : 0xffaaaaaa;
		let img = Res.get("icons.k");
		let rect = Res.tile50(img, i, j);
		return ui.image(img, iconAccent, null, rect.x, rect.y, rect.w, rect.h) == State.Released;
	}
}