(function($)
{
	var MioPlugin = window.MioPlugin = (window.MioPlugin || {});

	var inputMap = {
		'name': 'first_name',
		'surname': 'last_name',
		'mobil': 'phone',
		'postcode': 'zip',
		'state': 'country',
		'ic': 'ico',
	};

	var inputNames = ['name', 'surname', 'email', 'mobil', 'street', 'city', 'postcode', 'company', 'ic', 'dic'];

	var eventBlur = new Event('blur', { bubbles: true });

	var findInput = function($container, name)
	{
		var input = $container.find('input[name=' + name + ']');

		if (input.length === 0 && inputMap[name])
		{
			input = $container.find('input[name=' + inputMap[name] + ']');
		}

		return input;
	}

	MioPlugin.orderForm = function(css_id, btn_class, clientDetails)
	{
		var $container = $(css_id);

		if ($container.find('div.order-form-step-2 > .in_element_content form').length === 0)
		{
			return setTimeout(MioPlugin.orderForm.bind(this, css_id, btn_class, clientDetails), 10);
		}

		var lastEmail = null;

		var $step1 = $container.find('div.order-form-step-1');
		var $step2 = $container.find('div.order-form-step-2');

		var $btnBack = $container.find("#frm-s2-back");;
		var $btnNext = $container.find("#frm-s1-next");

		var remember = $step1.data('remember');
		var purpose = $step1.data('purpose');

		var edit_mode = $('body').hasClass('mw_edit_mode');

		$btnBack.addClass(btn_class);
		$btnNext.addClass(btn_class);

		$container.find("#frm-submit").addClass(btn_class);

		if (remember === 1 && !clientDetails)
		{
			try
			{
				clientDetails = $.parseJSON(localStorage.getItem('2step-order-form'));
			}
			catch (e)
			{}
		}

		$.each(inputNames, function (key, name)
		{
			var $input1 = findInput($step1, name);
			var $input2 = findInput($step2, name);

			if ($input1.length > 0)
			{
				$input2.attr('type', 'hidden');
				$input2.closest('tr').addClass('frm-readonly');
				$input2.parent().append($('<span></span>'));
			}

			if (clientDetails && clientDetails[name])
			{
				$input1.val(clientDetails[name]);
				$input2.val(clientDetails[name]);
			}
		});

		var $purpose = $('.order-form-step-2 .fapi-form-purpose, .order-form-step-2 .result-container > div > p > span');

		if (purpose === 1 && $purpose.length > 0)
		{
			$('.order-form-step-1 .fapi-form-purpose').html($purpose.html());
		}

		$btnBack.click(function (event)
		{
			event.preventDefault();

			$step2.addClass('hidden');
			$step1.removeClass('hidden');
		});

		$btnNext.click(function (event)
		{
			event.preventDefault();

			var form = $step1.find('form').get(0);

			if (!edit_mode && ('reportValidity' in form) && !form.reportValidity())
			{
				return;
			}

			var data = {};

			$.each(inputNames, function (key, name)
			{
				var $input1 = findInput($step1, name);
				var $input2 = findInput($step2, name);

				if ($input1.length === 0 || $input2.length === 0)
				{
					return;
				}

				var $val = $input1.val();
				$input2.val($val).siblings('span').text($val);
				$input2.get(0).dispatchEvent(eventBlur);
				data[name] = $val;
			});

			if (remember === '1' && localStorage && localStorage.setItem)
			{
				try
				{
					localStorage.setItem('2step-order-form', JSON.stringify(data));
				}
				catch (e)
				{}
			}

			$step1.addClass('hidden');
			$step2.removeClass('hidden');

			var $email = findInput($step1, 'email').val();

			if (!edit_mode && $email !== lastEmail)
			{
				lastEmail = $email;

				var formData = {
					'action': 'mioplugin_2step_form_order',
					'email_data' : findInput($step1, 'email_data').val(),
					'email' : $email
				};

				$.each(inputNames, function (key, name)
				{
					var val = findInput($step1, name).val();

					if (val !== undefined)
					{
						formData[name] = val;
					}
				});

				$.post(ajaxurl, formData);
			}
		});
	};
})(jQuery);