var tripObjects			= jQuery.parseJSON('[]');
	var tripObjectsSelect	= jQuery.parseJSON('[]');
	var priceObjects		= jQuery.parseJSON('[]');
	var journeyObjects		= jQuery.parseJSON('[]');
	var lessonObjects		= jQuery.parseJSON('[]');

	//	Purpose:		Display valid options 
	//	How it's done:	Gather information from functions above
	//	Status:			IN USE
	function displayFormOptions() {		
		var tripSelect = jQuery('#tripSelect').val();	
		
		var priceSelect = jQuery('#priceSelect').val();
		var journeySelect = jQuery('#journeySelect').val();
		var lessonSelect = jQuery('#lessonSelect').val();
		
		//	Hide all select elements, when no trip is selected
		//	Reset selects (just to make sure)
		if(typeof tripSelect === 'undefined' | tripSelect === null || tripSelect === "") {
			jQuery('#priceSelectSection').addClass("d-none");
			jQuery('#journeySelectSection').addClass("d-none");
			jQuery('#lessonSelectSection').addClass("d-none");
			jQuery('#tripBookingProgressbar').html("").addClass('d-none');
			
			jQuery('#priceSelect').prop('selectedIndex', 0);
			jQuery('#journeySelect').prop('selectedIndex', 0);
			jQuery('#lessonSelect').prop('selectedIndex', 0);

			displayTripSelect();

			return false;
		} 
		else {
			jQuery('#tripSelect').removeClass("is-invalid").addClass("is-valid");
			jQuery('#priceSelectHint').html('').addClass("d-none");
			jQuery('#priceSelectSection').removeClass("d-none");
			jQuery('#journeySelectSection').removeClass("d-none");
			
			displayTripSelect(tripSelect);
			displayPriceSelect(tripSelect, priceSelect, lessonSelect);
			displayJourneySelect(tripSelect, journeySelect);
			//displayTripProgressBar(tripSelect);
		}
	}
	
	//	Purpose:		Fill select with trip data
	//	How it's done:	Rebuild a new JSON array which only contains the valid elements regarding age
	//	Dependancies:	calculateAge
	//	Status:			IN USE at displayFormOptions
	function displayTripSelect(tripSelect) {
		if(jQuery('#birthdate').val().length<10) {
			jQuery('#birthdayDayHint').removeClass('d-none');
			jQuery('#tripSelectSection').addClass('d-none');
		}
		
		var tripCount = 0;
		var selectElement = jQuery("#tripSelect");
		var tripLength = Object.keys(tripObjectsSelect).length;

		jQuery("#tripSelect").empty();
		var selectElement = jQuery("#tripSelect");
		selectElement.append(jQuery('<option>', {
				value: '',
				text: "Bitte Ausfahrt wählen"
		}));

		jQuery.each(tripObjectsSelect, function(key, content) {
			var age = calculateAge(content.main_start);			
			var ageMin = content.main_ageMin;
			var ageMax = content.main_ageMax;
			var statusText = (content.main_bookable_statusText!='') ? " - "+content.main_bookable_statusText : "";

			if(age>=ageMin && age<=ageMax) {
				var optionStatusText	= (content.main_bookable_statusText!='') ? " - "+content.main_bookable_statusText : "";
				var optionDisabled		= (content.main_bookable) ? false : 'disabled';
				var priceMin			= ' - ab '+content.main_priceMin+' EUR';
				var tripText			= content.main_headline + " - "+content.main_date;
				var tripAgeRange		= " - "+content.main_ageRange;
				var optionText			= tripText+priceMin+tripAgeRange+statusText;
				
				var optionId			= 'tripSelect'+content.key;
				var optionValue			= content.key;
				//	Append option
				selectElement.append('<option value="'+optionValue+'" id="'+optionId+'" '+optionDisabled+'>'+optionText+'</option>');
				
				tripCount++;
			}
		});
		
		//	In the rare case, that no trips can be shown we hide the select section
		//	Let's make sure to show a hint if the registrant is too young
		if(tripCount==0) {
			if(jQuery('#birthdate').val().length==10) {
				jQuery('#birthdayDayHint').addClass('d-none');
				jQuery('#noTrips').remove();
				jQuery('#tripSelectSection').removeClass('d-none').after('<div class="alert alert-danger p-2 my-1 mx-3" role="alert" id="noTrips"><h4 class="alert-heading">Oh nein!</h4><p class="p-0 mb-0">Es tut uns sehr leid. Aber leider sind keine Ausfahrten verfügbar. Eventuell bist du noch zu jung. Oder du hast dein Geburtsdatum falsch eingegeben. Das Format ist <b>dd.mm.jjjj</b></p></div>');
			}
			
			jQuery('#priceSelectSection').addClass('d-none');
			jQuery('#journeySelectSection').addClass('d-none');
			jQuery('#lessonSelectSection').addClass('d-none');
		} 
		else {
			jQuery('#tripSelect').addClass('is-invalid');
			jQuery('#birthdayDayHint').addClass('d-none');
			jQuery('#noTrips').remove();
			jQuery('#tripSelectSection').removeClass('d-none');
			jQuery('#noTrips').remove();
		}

		if(typeof tripSelect === 'undefined' | tripSelect === null || tripSelect === "") {
		} else {
			jQuery('#tripSelect'+tripSelect).prop("selected", true);
		}
	}
	
	//	Purpose:		Determine the priceOptions in regard of membership and age
	//	How it's done:	Rebuild a new JSON array which only contains the valid elements
	//	Dependancies:	calculateAge() function
	//	Status:			IN USE at displayPriceSelect
	function determinePriceOptions(tripSelect) {
		if(typeof tripSelect === 'undefined' | tripSelect === null || tripSelect === "") return false;

		var specificDate = tripObjects[tripSelect]["main_start"];
		var age = calculateAge(specificDate);
		
		//var mitglied = jQuery("input[name='mitglied']:checked").val();
		var mitglied = jQuery('#mitglied').val();
		
		var validPriceObjects = {};
		jQuery.each(priceObjects[tripSelect], function(key, value) {
			var age_min 		= priceObjects[tripSelect][key]['option_age_min'];
			var age_max 		= priceObjects[tripSelect][key]['option_age_max'];
			var option_kurs		= priceObjects[tripSelect][key]['option_kurs'];
			var option_level	= priceObjects[tripSelect][key]['option_level'];
			//	Stage 1: Age
			if(age>=age_min && age<=age_max) {
				// Stage 2: Level
				if(mitglied==1 && option_level==2) {
					validPriceObjects[key] = priceObjects[tripSelect][key];
				} else if(mitglied==0 && option_level!=2) {
					validPriceObjects[key] = priceObjects[tripSelect][key];
				}
			}
		});			
		var validPriceObjectsJSON = JSON.stringify(validPriceObjects, null, 2);
		return validPriceObjectsJSON;
	}
	
	//	Purpose:		Display price options 
	//	How it's done:	Gather information and build select options
	//	Dependancy:		determinePriceOptions
	//	Status:			IN USE at displayFormOptions
	function displayPriceSelect(tripSelect, priceSelect, lessonSelect) {
		var priceOptions = jQuery.parseJSON(determinePriceOptions(tripSelect));
		var priceLength = Object.keys(priceOptions).length;
		
		//	Name & prepare element
	    var selectElement = jQuery("#priceSelect");
		jQuery("#priceSelect").empty();

		//	If element has more than one option, then add a select option with no value
		if(priceLength>1) {
			selectElement.append(jQuery('<option>', {
				value: '',
				text: "Bitte Preis wählen"
			}));
			jQuery('#priceSelectSection').removeClass("d-none");
			jQuery('#priceSelectHint').html('').addClass("d-none");
			selectElement.addClass("is-invalid");
		} else if(priceLength==1) {
			jQuery('#priceSelectSection').addClass("d-none");
			//jQuery('#priceSelectHint').html('<div class="alert alert-success m-0 py-1 px-2" role="alert">Der Preis und / oder Anreise sind bereits gewählt, da es nur eine buchbare Option gibt.</div>').removeClass("d-none");
			selectElement.addClass("is-valid");
		} else {
			jQuery('#priceSelectSection').addClass("d-none");
			jQuery('#priceSelectHint').html('').addClass("d-none");
		}
		
		//	Loop through element(s) and build select options
		jQuery.each(priceOptions, function (key, value) {
			selectElement.append(jQuery('<option>', {
				id: 'priceSelect'+key,
				value: key,
				text: value.option_preis_bezeichnung+' - '+value.option_preis+' EUR'
			}));
		});

		jQuery('#priceSelect'+priceSelect).prop("selected", true);
		
		//	Show price information
		tripPriceDisplay();
		
		//	Show lessonSelect
		displayLessonSelect(lessonSelect);
	}

	//	Purpose:		Display journey options 
	//	How it's done:	Gather information and build select options
	//	Status:			IN USE at displayFormOptions
	function displayJourneySelect(tripSelect, journeySelect) {
		var journeyOptions = journeyObjects[tripSelect];
		var journeyLength = Object.keys(journeyOptions).length;
		
		//	Name & prepare element
		var selectElement = jQuery("#journeySelect");
		jQuery("#journeySelect").empty();

		//	If element has more than one option, then add a select option with no value
		if(journeyLength>1) {
			selectElement.append(jQuery('<option>', {
					value: '',
					text: "Bitte Anreise wählen"
			}));
		} else {
			selectElement.addClass("is-valid");
			jQuery('#journeySelectSection').addClass("d-none");
			//selectElement.prop("disabled","disabled");
		}
		
		//	Loop through element(s) and build select options
		jQuery.each(journeyOptions, function (key, value) {
			selectElement.append(jQuery('<option>', {
				id: 'journeySelect'+key,
				value: key,
				text: value.option_name
				//,disabled: true
			}));
		});
		jQuery('#journeySelect'+journeySelect).prop("selected", true);
	}
	
	//	Purpose:		Display lesson options 
	//	How it's done:	Gather information and build select options
	//	Call:			onChange of priceSelect
	//	Status:			IN USE at displayFormOptions
	function displayLessonSelect(lessonSelect) {
		var tripSelect = jQuery('#tripSelect').val();
		var priceSelect = jQuery('#priceSelect').val();
		
		//	Reset and hide lessonSelect options when no price is chosen
		if(typeof priceSelect === 'undefined' | priceSelect === null || priceSelect === "") {
			jQuery('#lessonSelectSection').addClass("d-none");
			jQuery('#lessonSelect').prop('selectedIndex', 0);
			return false;
		}
		
		//	Check if the chosen price has an option for lessons or not
		var option_kurs = priceObjects[tripSelect][priceSelect]['option_kurs'];
		
		//	Hide and reset complete element if no lesson option is available
		if(option_kurs===0) {
			jQuery('#lessonSelectSection').addClass("d-none");
			jQuery('#lessonSelect').prop('selectedIndex', 0);
		} 
		//	Show lesson options
		else {
			jQuery('#lessonSelectSection').removeClass("d-none");
			var lessonOptions = lessonObjects[tripSelect];
			var lessonLength = Object.keys(lessonOptions).length;

			//	Name & prepare element
			var selectElement = jQuery("#lessonSelect");
			jQuery("#lessonSelect").empty();
			
			//	If element has more than one option, then add a select option with no value
			if(lessonLength>1) {
				selectElement.append(jQuery('<option>', {
						value: '',
						text: "Bitte Kurs wählen"
				}));
			} else {
				jQuery('#lessonSelectSection').addClass("d-none");		
			}
			
			//	Loop through element(s) and build select options
			jQuery.each(lessonOptions, function (key, value) {
				selectElement.append(jQuery('<option>', {
					id: 'lessonSelect'+value.option_id_kurs,
					value: value.option_id_kurs,
					text: value.option_kursTitel
				}));
			});
			jQuery('#lessonSelect'+lessonSelect).prop("selected", true);
		}					
	}
	
	//	Purpose:		Display trip price 
	//	How it's done:	Gather price information from priceObjects
	//	Call:			after select of priceSelect
	//	Status:			IN USE
	function tripPriceDisplay() {
		var tripSelect = jQuery('#tripSelect').val();
		var priceSelect = jQuery('#priceSelect').val();
		if(priceSelect > 0) {
			var option_preis = priceObjects[tripSelect][priceSelect]['option_preis'];
			jQuery('#tripPriceDisplayButton').html('Daten prüfen und buchen <i class="fa-solid fa-hand-holding-dollar"></i> '+option_preis+ ' EUR');
		} else {
			jQuery('#tripPriceDisplayButton').html('Daten prüfen und buchen');
		}
	}

	//	Purpose:		Calculate age of registrant in regard of the start_date
	//	Dependant:		moment.js Library
	//	Works when:		birthday and specificDate is chosen
	//	Error:			When birthday or specificDate are not chosen
	//	Status:			IN USE at displayTripSelect
	function calculateAge(specificDate) {
		var birthdate = jQuery('#birthdate').val();
		var length = birthdate.length;
		if(length<10) {
			return false;
		} else {
			if(specificDate === null || specificDate === '' || typeof birthdate === 'undefined' ||  birthdate === '') {
				alert('Berechnung nicht möglich. Geburtstag und Ausfahrt müssen gewählt sein.');
			} else {
				//var specificDate = tripObjects[tripSelect]["main_start"];
				var dateFormat = 'DD.MM.YYYY';
				// Parse dates using Moment.js
				var birthDateObj = moment(birthdate, dateFormat);
				var specificDateObj = moment(specificDate, dateFormat);

				// Calculate the age
				var age = specificDateObj.diff(birthDateObj, 'years');
		
				return age;
			}
		}
	}	
	
	function displayTripProgressBar(tripSelect) {
		jQuery.ajax({
			type: 'POST',
			url: 'tripInfo.php?tripId='+tripSelect,
			data: {
				tripId: tripSelect
			},
            dataType: 'json',
			success: function(response) {
				// Display the result in the 'result' div
				jQuery('#tripBookingProgressbar').html(response.content);
			},
			error: function(error) {
				//console.log('Error:', error);
			}
		});

		jQuery('#tripBookingProgressbar').removeClass('d-none');
	}