// Allow search anywhere in word
//if (typeof gform !== 'undefined' || gform !== null) {
if ("gform" in this) {
	/*
	gform.addFilter( 'gform_chosen_options', function ( options, element ) {
		options.search_contains = true;
		return options;
	});
	*/

	gform.addFilter( 'gform_datepicker_options_pre_init', function( optionsObj, formId, fieldId ) {
		if ( formId == 12 && fieldId == 36 ) {
			optionsObj.firstDay = 1;
			optionsObj.minDate = 0;
			optionsObj.beforeShowDay = jQuery.datepicker.noWeekends;
		}
		return optionsObj;
	});

}

jQuery(document).ready(function( $ ){

	getMakes();

	$( "#gform_submit_button_13").on( "click", function( event ) {
		var validated = true;

		// If not a "Car", then allow it to pass through without validation
		if ($(".item select").val().toLowerCase() != "car") {
			return validated;
		}
		
		if ($('.selected_model input').val() == "") {
			$(".model").addClass("gfield_error");
			$(".model select").attr("aria-invalid", "true").attr("aria-describedby","vehicle_validation_message");
			validated = false;
		}
		if ($('.selected_make input').val() == "") {
			$(".make").addClass("gfield_error");
			validated = false;
			$(".make select").attr("aria-invalid", "true").attr("aria-describedby","vehicle_validation_message");
		}

		if (!validated) {
			console.log('here');
			$("#vehicle_validation_message").removeClass("gfield_visibility_hidden");
		} else {
			$(this).parents('form:first').submit();
		}

		return validated;

	});

	/*
	$(".from").change(function () {
		var selected = $('.from option:selected').text();
		if (selected.toLowerCase() == "perth") {
			$('.to select')
				.empty()
				.append('<option selected="selected" value="">Where are you transporting to?</option>')
				.append('<option value="Brisbane">Brisbane</option>')
				.append('<option value="Sydney">Sydney</option>')
				.append('<option value="Melbourne">Melbourne</option>')
		} else if ($.inArray(selected.toLowerCase(), ['brisbane', 'melbourne', 'sydney']) >= 0) {
			$('.to select')
				.empty()
				.append('<option selected="selected" value="Perth">Perth</option>');
		}
	});
	*/

	//var selectedMake = localStorage.getItem('make');
	//var selectedModel = localStorage.getItem('model');

	$(".model").change(function() {
		selectedModel = $('.model select').find(":selected").val();
		localStorage.setItem('model', selectedModel);

		$('.selected_model input').val(selectedModel);
    });


	$(".make").change(function() { 
		// TODO: Call ajax function and parse response into option/value pairs
		localStorage.setItem('make', $('.make select').find(":selected").val());
		$('.selected_make input').val($('.make select').find(":selected").val());
		//localStorage.removeItem("model");

		setModelSelect($('.make select').find(":selected").val());
	});

	function getMakes() {
		var selectedModel = $('.model select').find(":selected").val();

		models = [];
		// Do the AJAX call
		var data = {
			'action': 'get_makes',
			'security': ajax_obj.security
    	};

		
		$.ajax({
            type: 'POST',
            url: ajax_obj.ajax_url,
            data: data,
            success: function(response) {
				$('.make select').append($('<option></option>').attr("value", "").text("Please select a vehicle make"));
				makes = JSON.parse(response);
				makes.forEach((make) => {
					$('.make select').append($('<option></option>').attr("value", make).text(make));
				});

				selectedMake = localStorage.getItem('make');
				selectedModel = localStorage.getItem('model');


				if (selectedMake != null && selectedMake != "undefined") {
					$('.make select').val(selectedMake).change();
					setModelSelect(selectedMake);
					//$('.model select').val(selectedModel).change();
				}	

				if (selectedModel == null || selectedModel == "undefined") {
					$('.model select')
					.empty()
				}
			}
		});
		
	}


	function setModelSelect(make) {
		var selectedModel = $('.model select').find(":selected").val();

		models = [];
		// Do the AJAX call
		var data = {
			'action': 'get_models',
			'make': make, // This can be any data you want to send to the server
			'security': ajax_obj.security
    	};

		
		$.ajax({
            type: 'POST',
            url: ajax_obj.ajax_url,
            data: data,
            success: function(response) {
				$('.model select').empty();
				$('.model select').append($('<option></option>').attr("value", "").attr('selected', true).text("Please select a vehicle model"));
				models = JSON.parse(response);
				models.forEach((model) => {
					$('.model select').append($('<option></option>').attr("value", model).text(model));

					//options += '<option value="'+model+'">'+model+'</option>';
				});

				if ((selectedModel = localStorage.getItem('model')) != null) {
					$('.model select').val(selectedModel).change();
				} else {
					$('.model select').val("").change();
				}		

			}
		});
		
	}

	$( "span.edit_contact" ).on( "click", function() {
		$("#gform_target_page_number_12").val("1"); 
		$("#gform_12").trigger("submit",[true]);
	});

	$( "span.edit_vehicle" ).on( "click", function() {
		$("#gform_target_page_number_12").val("2"); 
		$("#gform_12").trigger("submit",[true]);
	});

	$( "span.edit_origin" ).on( "click", function() {
		$("#gform_target_page_number_12").val("3"); 
		$("#gform_12").trigger("submit",[true]);
	});

	$( "span.edit_destination" ).on( "click", function() {
		$("#gform_target_page_number_12").val("4"); 
		$("#gform_12").trigger("submit",[true]);
	});

	$( "span.edit_schedule" ).on( "click", function() {
		$("#gform_target_page_number_12").val("5"); 
		$("#gform_12").trigger("submit",[true]);
	});


});
/*
onclick='jQuery("#gform_target_page_number_4").val("1"); jQuery("#gform_4").trigger("submit",[true]); '
*/ 

jQuery(document).on('gform_post_render', function(){
	/* apply only to an input with a class of gf_readonly */
	jQuery(".gf_readonly input").attr("readonly","readonly");
});



function jcsglobal_search_quote_submit(booking) {
	if (booking) {
		jQuery("#choice_10_7_0").prop("checked", true);
	} else {
		jQuery("#choice_10_7_0").prop("checked", false);
	}
	//var w = jQuery('#choice_2_7_0').is(':checked');
	return true;
}