let ui_box_show: bool = false;
let ui_box_draggable: bool = true;
let ui_box_hwnd: ui_handle_t = ui_handle_create();
let ui_box_title: string = "";
let ui_box_text: string = "";
let ui_box_commands: (ui: ui_t)=>void = null;
let ui_box_click_to_hide: bool = true;
let ui_box_modalw: i32 = 400;
let ui_box_modalh: i32 = 170;
let ui_box_modal_on_hide: ()=>void = null;
let ui_box_draws: i32 = 0;
let ui_box_copyable: bool = false;
let ui_box_tween_alpha: f32 = 0.0;

function ui_box_init() {
	ui_box_hwnd.redraws = 2;
	ui_box_hwnd.drag_x = 0;
	ui_box_hwnd.drag_y = 0;
	ui_box_show = true;
	ui_box_draws = 0;
	ui_box_click_to_hide = true;
}

function ui_box_render() {
	if (!ui_menu_show) {
		let ui: ui_t = base_ui_box;
		let in_use: bool = ui.combo_selected_handle != null;
		let is_escape: bool = keyboard_started("escape");
		if (ui_box_draws > 2 && (ui.input_released || is_escape) && !in_use && !ui.is_typing) {
			let appw: i32 = iron_window_width();
			let apph: i32 = iron_window_height();
			let mw: i32 = math_floor(ui_box_modalw * ui_SCALE(ui));
			let mh: i32 = math_floor(ui_box_modalh * ui_SCALE(ui));
			let left: f32 = (appw / 2 - mw / 2) + ui_box_hwnd.drag_x;
			let right: f32 = (appw / 2 + mw / 2) + ui_box_hwnd.drag_x;
			let top: f32 = (apph / 2 - mh / 2) + ui_box_hwnd.drag_y;
			let bottom: f32 = (apph / 2 + mh / 2) + ui_box_hwnd.drag_y;
			let mx: i32 = mouse_x;
			let my: i32 = mouse_y;
			if ((ui_box_click_to_hide && (mx < left || mx > right || my < top || my > bottom)) || is_escape) {
				ui_box_hide();
			}
		}
	}

	if (config_raw.touch_ui) { // Darken bg
		draw_begin();
		///if (arm_android || arm_ios)
		draw_set_color(color_from_floats(0, 0, 0, ui_box_tween_alpha));
		///else
		draw_set_color(color_from_floats(0, 0, 0, 0.5));
		///end
		draw_filled_rect(0, 0, iron_window_width(), iron_window_height());
		draw_end();
	}

	let ui: ui_t = base_ui_box;
	let appw: i32 = iron_window_width();
	let apph: i32 = iron_window_height();
	let mw: i32 = math_floor(ui_box_modalw * ui_SCALE(ui));
	let mh: i32 = math_floor(ui_box_modalh * ui_SCALE(ui));
	if (mw > appw) {
		mw = appw;
	}
	if (mh > apph) {
		mh = apph;
	}
	let left: i32 = math_floor(appw / 2 - mw / 2);
	let top: i32 = math_floor(apph / 2 - mh / 2);

	if (ui_box_commands == null) {
		ui_begin(ui);
		if (ui_window(ui_box_hwnd, left, top, mw, mh, ui_box_draggable)) {
			ui._y += 10;
			let tab_vertical: bool = config_raw.touch_ui;
			if (ui_tab(ui_handle(__ID__), ui_box_title, tab_vertical)) {
				let htext: ui_handle_t = ui_handle(__ID__);
				htext.text = ui_box_text;
				if (ui_box_copyable) {
					ui_text_area(htext, ui_align_t.LEFT, false);
				}
				else {
					ui_text(ui_box_text);
				}
				_ui_end_element();

				///if (arm_windows || arm_linux || arm_macos)
				if (ui_box_copyable) {
					ui_row3();
				}
				else {
					let row: f32[] = [2 / 3, 1 / 3];
					ui_row(row);
				}
				///else
				let row: f32[] = [2 / 3, 1 / 3];
				ui_row(row);
				///end

				_ui_end_element();

				///if (arm_windows || arm_linux || arm_macos)
				if (ui_box_copyable && ui_button(tr("Copy"))) {
					iron_copy_to_clipboard(ui_box_text);
				}
				///end
				if (ui_button(tr("OK"))) {
					ui_box_hide();
				}
			}
			ui_box_window_border(ui);
		}
		ui_end();
	}
	else {
		ui_begin(ui);
		if (ui_window(ui_box_hwnd, left, top, mw, mh, ui_box_draggable)) {
			ui._y += 10;
			ui_box_commands(ui);
			ui_box_window_border(ui);
		}
		ui_end();
	}

	ui_box_draws++;
}

function ui_box_show_message(title: string, text: string, copyable: bool = false) {
	ui_box_init();
	ui_box_modalw = 400;
	ui_box_modalh = 210;
	ui_box_title = title;
	ui_box_text = text;
	ui_box_commands = null;
	ui_box_copyable = copyable;
	ui_box_draggable = true;
	///if (arm_android || arm_ios)
	ui_box_tween_in();
	///end
}

function ui_box_show_custom(commands: (ui: ui_t)=>void = null, mw: i32 = 400, mh: i32 = 200, on_hide: ()=>void = null, draggable: bool = true) {
	ui_box_init();
	ui_box_modalw = mw;
	ui_box_modalh = mh;
	ui_box_modal_on_hide = on_hide;
	ui_box_commands = commands;
	ui_box_draggable = draggable;
	///if (arm_android || arm_ios)
	ui_box_tween_in();
	///end
}

function ui_box_hide() {
	///if (arm_android || arm_ios)
	ui_box_tween_out();
	///else
	ui_box_hide_internal();
	///end
}

function ui_box_hide_internal() {
	if (ui_box_modal_on_hide != null) {
		ui_box_modal_on_hide();
	}
	ui_box_show = false;
	base_redraw_ui();
}

function ui_box_tween_in() {
	tween_reset();

	let a: tween_anim_t = { target: ADDRESS(ui_box_tween_alpha), to: 0.5, duration: 0.2, ease: ease_t.EXPO_OUT };
	tween_to(a);

	ui_box_hwnd.drag_y = math_floor(iron_window_height() / 2);
	a = { target: ADDRESS(ui_box_hwnd.drag_y), to: 0.0, duration: 0.2, ease: ease_t.EXPO_OUT, tick: ui_box_tween_tick };
	tween_to(a);
}

function ui_box_tween_out() {
	let a: tween_anim_t = { target: ADDRESS(ui_box_tween_alpha), to: 0.0, duration: 0.2, ease: ease_t.EXPO_IN, done: ui_box_hide_internal };
	tween_to(a);

	a = { target: ADDRESS(ui_box_hwnd.drag_y), to: iron_window_height() / 2, duration: 0.2, ease: ease_t.EXPO_IN };
	tween_to(a);
}

function ui_box_tween_tick() {
	base_redraw_ui();
}

function ui_box_window_border(ui: ui_t) {
	if (ui.scissor) {
		ui.scissor = false;
		gpu_disable_scissor();
	}
	// Border
	draw_set_color(ui.ops.theme.SEPARATOR_COL);
	draw_filled_rect(0, 0, 1, ui._window_h);
	draw_filled_rect(0 + ui._window_w - 1, 0, 1, ui._window_h);
	draw_filled_rect(0, 0 + ui._window_h - 1, ui._window_w, 1);
}