/**
 * @package Helix3 Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright (c) 2010 - 2021 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */

jQuery(function ($) {
	"use strict";

	$(".form-horizontal").addClass("helix-options");

	$(document).ready(function () {
		/*Basic Fields*/
		$("#details").find(">.row-fluid").find("hr").first().prev().andSelf().remove();
		$("#jform_params___field1-lbl").parent().parent().remove();
		$("#details").find(".control-group").unwrap();
		$("#jform_client_id").parent().removeClass().hide();
		/*Basic Fields*/

		var childParentEngine = function () {
			var classes = new Array();
			$("fieldset.parent, select.parent").each(function () {
				var eleclass = $(this).attr("class").split(/\s/g);
				var $key = $.inArray("parent", eleclass);
				if ($key != -1) {
					classes.push(eleclass[$key + 1]);
				}
			});

			$("fieldset.parent, select.parent").each(function () {
				var parent = $(this);
				var eleclass = $(this).attr("class").split(/\s/g);
				var childClassName = ".child";
				var conditionClassName = "";
				var i;

				for (i = 0; i < eleclass.length; i++) {
					if ($.inArray(eleclass[i], classes) < 0) {
						continue;
					} else {
						var elecls = "." + eleclass[i];

						$(childClassName + elecls)
							.parents(".control-group")
							.hide();
						if ($(parent).prop("type") == "fieldset") {
							var selected = $(parent).find("input[type=radio]:checked");
							var radios = $(parent).find("input[type=radio]");
							var activeItems = conditionClassName + elecls + "_" + $(selected).val();
							var childitem = $.trim(childClassName + elecls + activeItems);
							setTimeout(function () {
								$(childitem).parents(".control-group").show();
							}, 100);

							$(radios).on("click", function (event) {
								$(childClassName + elecls)
									.parents(".control-group")
									.hide();
								$(childClassName + elecls + conditionClassName + elecls + "_" + $.trim($(this).val()))
									.parents(".control-group")
									.fadeIn();
							});
						} else if ($(parent).prop("type") == "select-one") {
							var element = $(parent);
							var selected = $(parent).find("option:selected");
							var option = $(parent).find("option");
							var activeItems = conditionClassName + elecls + "_" + $(selected).val();
							var childitem = $.trim(childClassName + elecls + activeItems);
							setTimeout(function () {
								$(childitem).parents(".control-group").show();
							}, 100);

							$(element).on("change", function (event) {
								$(childClassName + elecls)
									.parents(".control-group")
									.hide();
								$(childClassName + elecls + conditionClassName + elecls + "_" + $.trim($(this).val()))
									.parents(".control-group")
									.fadeIn();
							});
						}
					}
				}
			});
		}; //end childParentEngine

		$(".info-labels").unwrap();

		$(".group_separator").each(function () {
			$(this).parent().prev().remove();
			$(this).parent().parent().addClass("group-separator");
			$(this).unwrap();
		});

		//Presets
		$(".preset").parent().unwrap().prev().remove();
		$(".preset").parent().removeClass("controls").addClass("presets clearfix");

		//Load Preset
		$("#attrib-preset")
			.find(".preset-control")
			.each(function () {
				if ($(this).hasClass(current_preset)) {
					$(this).closest(".control-group").show();
				} else {
					$(this).closest(".control-group").hide();
				}
			});

		//Change Preset
		$(".preset").on("click", function (event) {
			event.preventDefault();
			var $that = $(this);

			$(".preset").removeClass("active");
			$(this).addClass("active");

			$("#attrib-preset")
				.find(".preset-control")
				.each(function () {
					if ($(this).hasClass($that.data("preset"))) {
						$(this).closest(".control-group").fadeIn();
					} else {
						$(this).closest(".control-group").hide();
					}
				});

			$("#template-preset").val($that.data("preset"));
		});

		//Change Preset
		$(document).on("blur", ".preset-control", function (event) {
			event.preventDefault();

			var active_preset = $(".preset.active").data("preset");

			if ($(this).attr("id") == "jform_params_" + active_preset + "_major") {
				$(".preset.active").css("background-color", $(this).val());
			}
		});

		//Template Information
		$("#jform_template").closest(".control-group").appendTo($(".form-inline.form-inline-header"));
		$("#jform_home").closest(".control-group").appendTo($(".form-inline.form-inline-header"));

		$(".info-labels").next().appendTo($("#sp-theme-info"));
		$(".info-labels").prev().addBack().remove();

		childParentEngine();

		// Helix3 Admin Footer
		var footerHtml = '<div class="helix-footer-area">';
		footerHtml += '<div class="clearfix">';
		footerHtml +=
			'<a class="helix-logo-area" href="https://www.joomshaper.com/helix" target="_blank">Helix3 Logo</a>';
		footerHtml += '<span class="template-version">' + pluginVersion + "</span>";
		footerHtml += "</div>";
		footerHtml += '<div class="help-links">';
		footerHtml +=
			'<a href="https://www.joomshaper.com/documentation/helix-framework/helix3" target="_blank">Documentation</a><span>|</span>';
		footerHtml +=
			'<a href="https://www.facebook.com/groups/helix.framework" target="_blank">Helix Community</a><span>|</span>';
		footerHtml +=
			'<a href="https://www.joomshaper.com/page-builder" target="_blank">Page Builder Pro</a><span>|</span>';
		footerHtml +=
			'<a href="https://www.joomshaper.com/joomla-templates" target="_blank">Premium Templates</a><span>|</span>';
		footerHtml += '<a href="https://www.joomshaper.com/joomla-extensions" target="_blank">Joomla Extensions</a>';
		footerHtml += "</div>";
		footerHtml += "</div>";

		$(footerHtml).insertAfter(".form-horizontal");
	});

	//Media Button
	$(".input-prepend, .input-append")
		.find(".btn")
		.each(function () {
			if ($(this).is(".modal, .button-select")) {
				$(this).addClass("btn-success");
			} else {
				$(this).addClass("btn-danger");
			}
		});

	$(".controls")
		.find(".field-media-preview")
		.each(function () {
			$(this).insertBefore($(this).parent().find(".input-append"));
		});

	$(".control-group .field-media-preview")
		.not("img")
		.each(function () {
			$(this).append('<div id="preview_empty">No image selected.</div>');
		});

	// clear image
	$(".helix-options .controls .field-media-wrapper .input-append").on("click", ".button-clear", function (event) {
		$(this)
			.closest(".field-media-wrapper")
			.find(".field-media-preview")
			.html('<div id="preview_empty">No image selected.</div>');
	});

	//Add .btn-group class
	$(".radio").addClass("btn-group");

	//Import Template Settings
	$(".form-horizontal").on("click", "#import-settings", function (event) {
		event.preventDefault();

		var $that = $(this),
			template_id = $that.data("template_id"),
			temp_settings = $.trim($("#import-data").val());

		if (temp_settings == "") {
			return false;
		}

		if (confirm("Warning: It will change all current settings of this Template.") != true) {
			return false;
		}

		var data = {
			action: "import",
			template_id: template_id,
			settings: temp_settings,
		};

		var request = {
			option: "com_ajax",
			plugin: "helix3",
			data: data,
			format: "json",
		};

		$.ajax({
			type: "POST",
			data: request,
			success: function (response) {
				window.location.reload();
			},
			error: function () {
				alert("Somethings wrong, Try again");
			},
		});
		return false;
	});
});