Javascript.js

function ToggleAdvanced() {
	var x = document.getElementById('AdvancedSearch');
	if (x.style.display === "block") {
	  x.style.display = 'none';
	} else {
	  x.style.display = 'block';
	}
}
  
function ToggleAdvancedJazz() {
	var x = document.getElementById('AdvancedFilter');
	if (x.style.display === "block") {
		x.style.display = 'none';
	} else {
		x.style.display = 'block';
	}
}

//Hide Jazz Select Days
function Hide(){
	document.getElementById('AdvancedFilter').style.display = 'none';
	document.getElementById('Friday').style.visibility = 'hidden';
	document.getElementById('Saturday').style.visibility = 'hidden';
	document.getElementById('Sunday').style.visibility = 'hidden';
	document.getElementById('Friday1').style.display = 'none';
	document.getElementById('Saturday1').style.display = 'none';
	document.getElementById('Sunday1').style.display = 'none';
}

//Show Jazz div $DAY
function ShowDate(day) {
	if(day == 1){
		document.getElementById('Thursday').style.visibility = 'unset';
		document.getElementById('Thursday1').style.display = 'block';
		document.getElementById('Friday').style.visibility = 'hidden';
		document.getElementById('Friday1').style.display = 'none';
		document.getElementById('Saturday').style.visibility = 'hidden';
		document.getElementById('Saturday1').style.display = 'none';
		document.getElementById('Sunday').style.visibility = 'hidden';
		document.getElementById('Sunday1').style.display = 'none';
	}
	else if(day == 2){
		document.getElementById('Friday').style.visibility = 'unset';
		document.getElementById('Friday1').style.display = 'block';
		document.getElementById('Thursday').style.visibility = 'hidden';
		document.getElementById('Thursday1').style.display = 'none';
		document.getElementById('Saturday').style.visibility = 'hidden';
		document.getElementById('Saturday1').style.display = 'none';
		document.getElementById('Sunday').style.visibility = 'hidden';
		document.getElementById('Sunday1').style.display = 'none';
	}
	else if(day == 3){
		document.getElementById('Saturday').style.visibility = 'unset';
		document.getElementById('Saturday1').style.display = 'block';
		document.getElementById('Friday').style.visibility = 'hidden';
		document.getElementById('Friday1').style.display = 'none';
		document.getElementById('Thursday').style.visibility = 'hidden';
		document.getElementById('Thursday1').style.display = 'none';
		document.getElementById('Sunday').style.visibility = 'hidden';
		document.getElementById('Sunday1').style.display = 'none';
	}
	else if(day == 4){
		document.getElementById('Sunday').style.visibility = 'unset';
		document.getElementById('Sunday1').style.display = 'block';
		document.getElementById('Friday').style.visibility = 'hidden';
		document.getElementById('Friday1').style.display = 'none';
		document.getElementById('Saturday').style.visibility = 'hidden';
		document.getElementById('Saturday1').style.display = 'none';
		document.getElementById('Thursday').style.visibility = 'hidden';
		document.getElementById('Thursday1').style.display = 'none';
	}
	JazzClearItems();
}

//Add to cart for jazz
function JazzAddToCart(){
	var inputs = document.getElementsByTagName('input');

	for(var i = 0; i < inputs.length; i++) {
		if(inputs[i].type.toLowerCase() == 'text') {
			if(inputs[i].value >0){
				id = inputs[i].id;
				amount = inputs[i].value;
				amount = parseInt(amount);
				AddToCart(id, 4, amount)
			}
		}
	}
	JazzClearItems();
}

//Clear all form input "text"
function JazzClearItems(){
	var inputs = document.getElementsByTagName('input');

	for(var i = 0; i < inputs.length; i++) {
		if(inputs[i].type.toLowerCase() == 'text') {
			if(inputs[i].value >0){
				inputs[i].value = 0;
			}
		}
	}
}

function TimeTablePDF(id){
	var win = window.open("CreateTimeTablePDF.php?id="+id, '_blank');
	win.focus();
}

// js function to add tickets to cart. 'normal' tickets only need eventId, typeEvent and amount. Reservations need more info, thus they're 0 or "" on default so normal tickets adding isn't changed
function AddToCart(eventId, typeEvent, amount, childAmount = 0, adultAmount = 0, startTime = "", date = "", extraInfo = "") {
	// check to make sure amount that's being added is not a negative number or 0
	amountCheck = amount + childAmount + adultAmount;
	if (amountCheck > 0) {
		$.ajax({ url: 'AddToCart.php',
		data: {eventId: eventId,typeEvent: typeEvent, amount:amount, childAmount: childAmount, adultAmount: adultAmount, startTime: startTime, date: date, extraInfo: extraInfo},
		type: 'post',
		success: function(output) {
				if (output == 1) {
					ShowPopup();
					ShoppingCartPlus(amountCheck);
				}
				else {
					alert("Sorry there are not enough tickets left for your request.");
				}
			}
		});
	}
}

function FoodAddToCartHelper(count) {
	// grab variables necessary to put ticket in session
	var childAmount = parseInt(document.getElementById('pplBelow12' + count).value);
	var adultAmount = parseInt(document.getElementById('pplAbove12' + count).value);
	var extraInfo = document.getElementById('extraInfo' + count).value;
	var eventId = document.getElementById('pickSession' + count).value;
	var date = document.getElementById('date' + count).value;
	
	var startTimeSelect = document.getElementById('pickSession' + count);
	var startTime = startTimeSelect.options[startTimeSelect.selectedIndex].text;
		
	// check if selected time is valid, act accordingly
	var timeCheck = startTime.search(":");
	if (timeCheck == 2 && startTime.length == 5) {
		AddToCart(eventId, 1, 0, childAmount, adultAmount, startTime, date, extraInfo);
	} else {
		alert("Please select a time.");
	}
}

// when a user selects a date for a restaurant, the corresponding times AND foodRestaurant Id are picked up, allowing for the correct ticket information to be displayed in the checkout
function SelectedDate(count, id) {
	var date = document.getElementById('pickDay' + count).value;
	var time = document.getElementById('pickSession' + count);
	time.disabled = false;
	while (time.firstChild) {
		time.removeChild(time.firstChild);
	}

	$.ajax({ url: 'FoodHelper.php',
	data: {date: date, id: id},
	type: 'post',
	success: function(output) {
		// parse output back to array allowing usage
		output = JSON.parse(output);
		for (var i = 0; i < output.length; i++) {
			// for the length of the array, create time 'options' and add them to select time element
			var opt = output[i];
			var el = document.createElement("option");
			el.textContent = String(opt.SessionStartTime);
			el.textContent
    		el.value = opt.Id;
			time.appendChild(el);
		}
	}
	});
}

// removes ticket from cart
function RemoveFromCart(self, eventId, typeEvent, price) {
     $.ajax({ url: 'RemoveFromCart.php',
		data: {eventId: eventId, typeEvent: typeEvent},
		type: 'post',
		success: function(output) {
			var parent = self.parentNode;
			var parenttickets = parent.parentNode;
			ShoppingCartmin(output);
			self.parentNode.remove(); 
				if(parenttickets.children.length == 0){
					var eventday = parenttickets.parentNode;
					eventday.remove();
				}
			var totalamount = String(document.getElementById("TotalAmount").innerHTML);
			totalamount = totalamount.replace(',', '.');
			totalamount = parseFloat(totalamount);
			var remove = totalamount - (price * output);
      		remove = remove.toFixed(2);
			remove = String(remove).replace('.', ',');
			document.getElementById("TotalAmount").innerHTML = remove;
		}
	});
}

// removes food reservation from cart
function FoodRemoveFromCart(self, eventId, typeEvent, price, amountType) {
	$.ajax({ url: 'RemoveFromCartFood.php',
	data: {eventId: eventId, typeEvent: typeEvent, amountType: amountType},
	type: 'post',
	success: function(output) {
		output = parseInt(output);
		
		var parent = self.parentNode;
		var parenttickets = parent.parentNode;

		ShoppingCartmin(output);
		self.parentNode.remove(); 

		if (parenttickets.children.length == 0) {
			var eventday = parenttickets.parentNode;
			eventday.remove();
		}

		// get current totalAmounts
		var totalAmount = String(document.getElementById("TotalAmount").innerHTML);
		var totalFoodAmount = String(document.getElementById("TotalFoodAmount").innerHTML);
		
		// replace comma with period because parseFloat doesn't 'take' comma's ...
		totalAmount = totalAmount.replace(',', '.');
		totalFoodAmount = totalFoodAmount.replace(',', '.');
		
		// parse it to float
		totalAmount = parseFloat(totalAmount);
		totalFoodAmount = parseFloat(totalFoodAmount);
		
		// calculate new totalAmounts
		var removeTotal = totalAmount - (10 * output);
		var removeFoodTotal = totalFoodAmount - (price * output);
		
		// round down to 2 numbers behind comma
		removeTotal = removeTotal.toFixed(2);
		removeFoodTotal = removeFoodTotal.toFixed(2);

		// replace period with comma again
		removeTotal = String(removeTotal).replace('.', ',');
		removeFoodTotal = String(removeFoodTotal).replace('.', ',');

		// replace html element with new totalAmount
		document.getElementById("TotalAmount").innerHTML = removeTotal;
		document.getElementById("TotalFoodAmount").innerHTML = removeFoodTotal;
	}
	});	
}

function ShowPopup() {
  	var popup = document.getElementById("myPopup");
  	setTimeout( popup.style.display = 'block', 10000);
  	setTimeout(function () {
  	popup.style.display = 'none';
    }, 2000);
  	
}

function ToEvent(src){
	if (src == "Historic") {
		location.href = "Historic.php";
	}
	if (src == "Jazz") {
		location.href = "Jazz.php";
	}
	if (src == "Dance") {
		location.href = "Dance.php";
	}
	if (src == "Food") {
		location.href = "Food.php";
	}
}

function showTickets(){
	location.href = ("HistoricOrderTickets.php");
}

function SelectedDay(date){
	var elem = document.getElementById(date);
	var slides = document.getElementsByClassName("HideTimeTable");

	for(var i = 0; i < slides.length; i++)
	{
	  slides[i].style.display = "none";
	}
	elem.style.display = "block";
}

function ShoppingCartPlus(amount){
	var number = parseInt(document.getElementById("shoppingcartCount").innerHTML);
	number = number + amount;
	document.getElementById("shoppingcartCount").innerHTML = number;
}

function ShoppingCartmin(amount){
	var number = parseInt(document.getElementById("shoppingcartCount").innerHTML);
	number = number - amount;
	document.getElementById("shoppingcartCount").innerHTML = number;
}

function ShoppingCartPlusJazz(id){
	var amount = document.getElementById(id).value; 
	amount++;
	document.getElementById(id).value = amount;
}

function ShoppingCartMinJazz(id){
	var amount = document.getElementById(id).value; 
	if (amount >0){
		amount--;
		document.getElementById(id).value = amount;
	}
}

function cartAmountPlus(count){
	var indentifier = "amountNumber".concat(count);
	var number = parseInt(document.getElementById(indentifier).value);
	number = number + 1;
	document.getElementById(indentifier).value = number;
}

function cartAmountMinus(count){
	var indentifier = "amountNumber".concat(count);
	var number = parseInt(document.getElementById(indentifier).value);
	if (number > 0) {
		number = number - 1;
		document.getElementById(indentifier).value = number;
	}	
}

function GetTicketAmount(count){
	var indentifier = "amountNumber".concat(count);
	var number = parseInt(document.getElementById(indentifier).value);
	return	number;
}

function ShowHideJazzFilter(){
	var x = document.getElementById('Toggle');
  	if (x.style.display === "block") {
    	x.style.display = 'none';
  	} else {
    	x.style.display = 'block';
  	}
}

function CheckMail(){
	var Email = document.getElementById("EmailControl").value;
	$.ajax({ url: 'CheckMail.php',
	data: {Email: Email},
	type: 'post',
	success: function(output) {
		if (output != false) {
			if (confirm("We see that there is a purchase with the same email, would you like to combine them?")){
				document.getElementById("OrderNumber").value = output;
			}
		}
	}
	});	
}