var Merlin = (function ($) {
	var t;

	// callbacks from form button clicks.
	var callbacks = {
		install_child: function (btn) {
			var installer = new ChildTheme();
			installer.init(btn);
		},
		activate_license: function (btn) {
			var license = new ActivateLicense();
			license.init(btn);
		},
		install_plugins: function (btn) {
			var plugins = new PluginManager();
			plugins.init(btn);
		},
		install_content: function (btn) {
			var content = new ContentManager();
			content.init(btn);
		},
	};

	function window_loaded() {
		var body = $(".merlin__body"),
			body_loading = $(".merlin__body--loading"),
			body_exiting = $(".merlin__body--exiting"),
			drawer_trigger = $("#merlin__drawer-trigger"),
			drawer_opening = "merlin__drawer--opening";
		drawer_opened = "merlin__drawer--open";

		setTimeout(function () {
			body.addClass("loaded");
		}, 100);

		drawer_trigger.on("click", function () {
			body.toggleClass(drawer_opened);
		});

		$(".merlin__button--proceed:not(.merlin__button--closer)").click(function (
			e
		) {
			e.preventDefault();
			var goTo = this.getAttribute("href");

			body.addClass("exiting");

			setTimeout(function () {
				window.location = goTo;
			}, 400);
		});

		$(".merlin__button--closer").on("click", function (e) {
			body.removeClass(drawer_opened);

			e.preventDefault();
			var goTo = this.getAttribute("href");

			setTimeout(function () {
				body.addClass("exiting");
			}, 600);

			setTimeout(function () {
				window.location = goTo;
			}, 1100);
		});

		$(".button-next").on("click", function (e) {
			e.preventDefault();
			var loading_button = merlin_loading_button(this);
			if (!loading_button) {
				return false;
			}
			var data_callback = $(this).data("callback");
			if (data_callback && typeof callbacks[data_callback] !== "undefined") {
				// We have to process a callback before continue with form submission.
				callbacks[data_callback](this);
				return false;
			} else {
				return true;
			}
		});

		$(document).on("change", ".js-merlin-demo-import-select", function () {
			var selectedIndex = $(".js-merlin-demo-import-select:checked").val();

			$(".js-merlin-select-spinner").show();

			$.post(
				merlin_params.ajaxurl,
				{
					action: "merlin_update_selected_import_data_info",
					wpnonce: merlin_params.wpnonce,
					selected_index: selectedIndex,
				},
				function (response) {
					if (response.success) {
						$(".js-merlin-drawer-import-content").html(response.data);
					} else {
						alert(merlin_params.texts.something_went_wrong);
					}

					$(".js-merlin-select-spinner").hide();
				}
			).fail(function () {
				$(".js-merlin-select-spinner").hide();
				alert(merlin_params.texts.something_went_wrong);
			});
		});
	}

	function ChildTheme() {
		var body = $(".merlin__body");
		var complete,
			notice = $("#child-theme-text");

		function ajax_callback(r) {
			if (typeof r.done !== "undefined") {
				setTimeout(function () {
					notice.addClass("lead");
				}, 0);
				setTimeout(function () {
					notice.addClass("success");
					notice.html(r.message);
				}, 600);

				complete();
			} else {
				notice.addClass("lead error");
				notice.html(r.error);
			}
		}

		function do_ajax() {
			jQuery
				.post(
					merlin_params.ajaxurl,
					{
						action: "merlin_child_theme",
						wpnonce: merlin_params.wpnonce,
					},
					ajax_callback
				)
				.fail(ajax_callback);
		}

		return {
			init: function (btn) {
				complete = function () {
					setTimeout(function () {
						$(".merlin__body").addClass("js--finished");
					}, 1500);

					body.removeClass(drawer_opened);

					setTimeout(function () {
						$(".merlin__body").addClass("exiting");
					}, 3500);

					setTimeout(function () {
						window.location.href = btn.href;
					}, 4000);
				};
				do_ajax();
			},
		};
	}

	function ActivateLicense() {
		var body = $(".merlin__body");
		var wrapper = $(".merlin__content--license-key");
		var complete,
			notice = $("#license-text");

		function ajax_callback(r) {
			if (typeof r.success !== "undefined" && r.success) {
				notice.siblings(".error-message").remove();
				setTimeout(function () {
					notice.addClass("lead");
				}, 0);
				setTimeout(function () {
					notice.addClass("success");
					notice.html(r.message);
				}, 600);
				complete();
			} else {
				$(".js-merlin-license-activate-button")
					.removeClass("merlin__button--loading")
					.data("done-loading", "no");
				notice.siblings(".error-message").remove();
				wrapper.addClass("has-error");
				notice.html(r.message);
				notice.siblings(".error-message").addClass("lead error");
			}
		}

		function do_ajax() {
			wrapper.removeClass("has-error");

			jQuery
				.post(
					merlin_params.ajaxurl,
					{
						action: "merlin_activate_license",
						wpnonce: merlin_params.wpnonce,
						license_key: $(".js-license-key").val(),
					},
					ajax_callback
				)
				.fail(ajax_callback);
		}

		return {
			init: function (btn) {
				complete = function () {
					setTimeout(function () {
						$(".merlin__body").addClass("js--finished");
					}, 1500);

					body.removeClass(drawer_opened);

					setTimeout(function () {
						$(".merlin__body").addClass("exiting");
					}, 3500);

					setTimeout(function () {
						window.location.href = btn.href;
					}, 4000);
				};
				do_ajax();
			},
		};
	}

	function PluginManager() {
		var body = $(".merlin__body");
		var complete;
		var items_completed = 0;
		var current_item = "";
		var $current_node;
		var current_item_hash = "";

		function ajax_callback(response) {
			var currentSpan = $current_node.find("label");
			if (
				typeof response === "object" &&
				typeof response.message !== "undefined"
			) {
				currentSpan
					.removeClass("installing success error")
					.addClass(response.message.toLowerCase());

				// The plugin is done (installed, updated and activated).
				if (typeof response.done != "undefined" && response.done) {
					find_next();
				} else if (typeof response.url != "undefined") {
					// we have an ajax url action to perform.
					if (response.hash == current_item_hash) {
						currentSpan.removeClass("installing success").addClass("error");
						find_next();
					} else {
						current_item_hash = response.hash;
						jQuery
							.post(response.url, response, ajax_callback)
							.fail(ajax_callback);
					}
				} else {
					// error processing this plugin
					find_next();
				}
			} else {
				// The TGMPA returns a whole page as response, so check, if this plugin is done.
				process_current();
			}
		}

		function process_current() {
			if (current_item) {
				var $check = $current_node.find("input:checkbox");
				if ($check.is(":checked")) {
					jQuery
						.post(
							merlin_params.ajaxurl,
							{
								action: "merlin_plugins",
								wpnonce: merlin_params.wpnonce,
								slug: current_item,
							},
							ajax_callback
						)
						.fail(ajax_callback);
				} else {
					$current_node.addClass("skipping");
					setTimeout(find_next, 300);
				}
			}
		}

		function find_next() {
			if ($current_node) {
				if (!$current_node.data("done_item")) {
					items_completed++;
					$current_node.data("done_item", 1);
				}
				$current_node.find(".spinner").css("visibility", "hidden");
			}
			var $li = $(".merlin__drawer--install-plugins li");
			$li.each(function () {
				var $item = $(this);

				if ($item.data("done_item")) {
					return true;
				}

				current_item = $item.data("slug");
				$current_node = $item;
				process_current();
				return false;
			});
			if (items_completed >= $li.length) {
				// finished all plugins!
				complete();
			}
		}

		return {
			init: function (btn) {
				$(".merlin__drawer--install-plugins").addClass("installing");
				$(".merlin__drawer--install-plugins")
					.find("input")
					.prop("disabled", true);
				complete = function () {
					setTimeout(function () {
						$(".merlin__body").addClass("js--finished");
					}, 1000);

					body.removeClass(drawer_opened);

					setTimeout(function () {
						$(".merlin__body").addClass("exiting");
					}, 3000);

					setTimeout(function () {
						window.location.href = btn.href;
					}, 3500);
				};
				find_next();
			},
		};
	}
	function ContentManager() {
		var body = $(".merlin__body");
		var complete;
		var items_completed = 0;
		var current_item = "";
		var $current_node;
		var current_item_hash = "";
		var current_content_import_items = 1;
		var total_content_import_items = 0;
		var progress_bar_interval;

		function ajax_callback(response) {
			var currentSpan = $current_node.find("label");
			if (
				typeof response == "object" &&
				typeof response.message !== "undefined"
			) {
				currentSpan.addClass(response.message.toLowerCase());

				if (
					typeof response.num_of_imported_posts !== "undefined" &&
					0 < total_content_import_items
				) {
					current_content_import_items =
						"all" === response.num_of_imported_posts
							? total_content_import_items
							: response.num_of_imported_posts;
					update_progress_bar();
				}

				if (typeof response.url !== "undefined") {
					// we have an ajax url action to perform.
					if (response.hash === current_item_hash) {
						currentSpan.addClass("status--failed");
						find_next();
					} else {
						current_item_hash = response.hash;

						// Fix the undefined selected_index issue on new AJAX calls.
						if (typeof response.selected_index === "undefined") {
							response.selected_index =
								$(".js-merlin-demo-import-select:checked").val() || 0;
						}

						jQuery
							.post(response.url, response, ajax_callback)
							.fail(ajax_callback); // recuurrssionnnnn
					}
				} else if (typeof response.done !== "undefined") {
					// finished processing this plugin, move onto next
					find_next();
				} else {
					// error processing this plugin
					find_next();
				}
			} else {
				console.log(response);
				// error - try again with next plugin
				currentSpan.addClass("status--error");
				find_next();
			}
		}

		function process_current() {
			if (current_item) {
				var $check = $current_node.find("input:checkbox");
				if ($check.is(":checked")) {
					jQuery
						.post(
							merlin_params.ajaxurl,
							{
								action: "merlin_content",
								wpnonce: merlin_params.wpnonce,
								content: current_item,
								selected_index:
									$(".js-merlin-demo-import-select:checked").val() || 0,
							},
							ajax_callback
						)
						.fail(ajax_callback);
				} else {
					$current_node.addClass("skipping");
					setTimeout(find_next, 300);
				}
			}
		}

		function find_next() {
			var do_next = false;
			if ($current_node) {
				if (!$current_node.data("done_item")) {
					items_completed++;
					$current_node.data("done_item", 1);
				}
				$current_node.find(".spinner").css("visibility", "hidden");
			}
			var $items = $(".merlin__drawer--import-content__list-item");
			var $enabled_items = $(
				".merlin__drawer--import-content__list-item input:checked"
			);
			$items.each(function () {
				if (current_item == "" || do_next) {
					current_item = $(this).data("content");
					$current_node = $(this);
					process_current();
					do_next = false;
				} else if ($(this).data("content") == current_item) {
					do_next = true;
				}
			});
			if (items_completed >= $items.length) {
				complete();
			}
		}

		function init_content_import_progress_bar() {
			if (
				!$(".merlin__drawer--import-content__list-item .checkbox-content").is(
					":checked"
				)
			) {
				return false;
			}

			jQuery.post(
				merlin_params.ajaxurl,
				{
					action: "merlin_get_total_content_import_items",
					wpnonce: merlin_params.wpnonce,
					selected_index: $(".js-merlin-demo-import-select:checked").val() || 0,
				},
				function (response) {
					total_content_import_items = response.data;

					if (0 < total_content_import_items) {
						update_progress_bar();

						// Change the value of the progress bar constantly for a small amount (0,2% per sec), to improve UX.
						progress_bar_interval = setInterval(function () {
							current_content_import_items =
								current_content_import_items + total_content_import_items / 500;
							update_progress_bar();
						}, 1000);
					}
				}
			);
		}

		function valBetween(v, min, max) {
			return Math.min(max, Math.max(min, v));
		}

		function update_progress_bar() {
			$(".js-merlin-progress-bar").css(
				"width",
				(current_content_import_items / total_content_import_items) * 100 + "%"
			);

			var $percentage = valBetween(
				(current_content_import_items / total_content_import_items) * 100,
				0,
				99
			);

			$(".js-merlin-progress-bar-percentage").html(
				Math.round($percentage) + "%"
			);

			if (1 === current_content_import_items / total_content_import_items) {
				clearInterval(progress_bar_interval);
			}
		}

		return {
			init: function (btn) {
				$(".merlin__drawer--import-content").addClass("installing");
				$(".merlin__drawer--import-content")
					.find("input")
					.prop("disabled", true);
				complete = function () {
					$.post(merlin_params.ajaxurl, {
						action: "merlin_import_finished",
						wpnonce: merlin_params.wpnonce,
						selected_index:
							$(".js-merlin-demo-import-select:checked").val() || 0,
					});

					setTimeout(function () {
						$(".js-merlin-progress-bar-percentage").html("100%");
					}, 100);

					setTimeout(function () {
						body.removeClass(drawer_opened);
					}, 500);

					setTimeout(function () {
						$(".merlin__body").addClass("js--finished");
					}, 1500);

					setTimeout(function () {
						$(".merlin__body").addClass("exiting");
					}, 3400);

					setTimeout(function () {
						window.location.href = btn.href;
					}, 4000);
				};
				init_content_import_progress_bar();
				find_next();
			},
		};
	}

	function merlin_loading_button(btn) {
		var $button = jQuery(btn);

		if ($button.data("done-loading") == "yes") {
			return false;
		}

		var completed = false;

		var _modifier =
			$button.is("input") || $button.is("button") ? "val" : "text";

		$button.data("done-loading", "yes");

		$button.addClass("merlin__button--loading");

		return {
			done: function () {
				completed = true;
				$button.attr("disabled", false);
			},
		};
	}

	return {
		init: function () {
			t = this;
			$(window_loaded);
		},
		callback: function (func) {
			console.log(func);
			console.log(this);
		},
	};
})(jQuery);

Merlin.init();