document.addEventListener("DOMContentLoaded",function(){
	// declaras todas las variables en base a id o name en el html
	var reset = document.getElementById("resetButton");
	var adder = document.getElementById("addToCart");
	var burger = document.getElementById("burger");
	var bread = document.getElementById("bread");
	var size = document.getElementsByName("size");
	var may = document.getElementsByName("mayo");
	var must = document.getElementsByName("mustard");
	var ket = document.getElementsByName("ketchup");
	var top = document.getElementsByName("topping");
	var sau = document.getElementsByName("sauce");
	var fri = document.getElementsByName("fries");
	var xal = document.getElementById("number");
	var order = document.getElementById("orderSummary");
	var a=false;var b=false; var c=false; var d=false; var e=false; var f=false; var g =false;
	var h=false;
	order.style.display = "none";
	reset.addEventListener("click", function(){
		// Reiniciar todos los valores a 0.
		event.preventDefault();// prevenir que la pagina se submita al picar al boton
		burger.selectedIndex = 0;
		bread.selectedIndex = 0;
		order.innerHTML="";
		order.style.display= "none";
		xal.value="";
		for(var i = 0; i<size.length; i++){
			size[i].checked = false;
		}
		for(var i = 0; i<may.length; i++){
			may[i].checked = false;
		}
		for(var i = 0; i<must.length; i++){
			must[i].checked = false;
		}
		for(var i = 0; i<ket.length; i++){
			ket[i].checked = false;
		}
		for(var i = 0; i<top.length; i++){
			top[i].checked = false;
		}
		for(var i = 0; i<sau.length; i++){
			sau[i].checked = false;
		}
		for(var i = 0; i<fri.length; i++){
			fri[i].checked = false;
		}

	});

	adder.addEventListener("click", function(){
		event.preventDefault();
		//order.innerHTML+=sau;
		//burger object html select element.. same as bread
		//size object node list
		//fri lo toma como un object node list. may, must, ket,sau
		//object input element xal.
		order.style.display = "block";
		order.innerHTML= "<h2>Your current order is: </h2>";
		if(burger.selectedIndex!=0){
			order.innerHTML+="Your burger type is a: "+burger.value;
			a=false;
		}
		else{
			order.innerHTML+="You didn't pick a burger type";
			a=true;
		}
		if(bread.selectedIndex!=0){
			order.innerHTML+="<br>"+"<br>"+"Your type of bread is: "+bread.value;
			b=false;
		}
		else{
			order.innerHTML+="<br>"+"<br>"+"You didn't pick a type of bread";
			b=true;
		}
		var valor=-1;
		for(var i = 0; i<size.length; i++){
			if(size[i].checked==true){
				//ponerle ese valor a otro para poder representarlo
				valor=i;
			} // si le pico a uno
		}
		// si no eligio ninguno, nunca cambio el valor
		if(valor==-1){
			order.innerHTML+="<br>"+"<br>"+"You didn't select the size";
			c=true;
		}
		else{
		// si se paso el valor a la variable valor
		order.innerHTML+="<br>"+"<br>"+"You chose: "+size[valor].value;
		c=false;
		}

		valor=-1;
		for(var i = 0; i<may.length; i++){
			if(may[i].checked==true){
				//ponerle ese valor a otro para poder representarlo
				valor=i;
			} // si le pico a uno
		}
		// si no eligio ninguno, nunca cambio el valor
		if(valor==-1){
			order.innerHTML+="<br>"+"<br>"+"You didn't select if you wanted mayo";
			d=true;
		}
		else{
		// si se paso el valor a la variable valor
		order.innerHTML+="<br>"+"<br>"+"You chose: "+may[valor].value+" mayo";
		d=false;
		}

		valor=-1;
		for(var i = 0; i<must.length; i++){
			if(must[i].checked==true){
				//ponerle ese valor a otro para poder representarlo
				valor=i;
			} // si le pico a uno
		}
		// si no eligio ninguno, nunca cambio el valor
		if(valor==-1){
			order.innerHTML+="<br>"+"<br>"+"You didn't select if you wanted mustard";
			e=true;
		}
		else{
		// si se paso el valor a la variable valor
		order.innerHTML+="<br>"+"<br>"+"You chose: "+must[valor].value+" mustard";
		e=false;
		}

		valor=-1;
		for(var i = 0; i<ket.length; i++){
			if(ket[i].checked==true){
				//ponerle ese valor a otro para poder representarlo
				valor=i;
			} // si le pico a uno
		}
		// si no eligio ninguno, nunca cambio el valor
		if(valor==-1){
			order.innerHTML+="<br>"+"<br>"+"You didn't select if you wanted ketchup";
			f=true;
		}
		else{
		// si se paso el valor a la variable valor
		order.innerHTML+="<br>"+"<br>"+"You chose: "+ket[valor].value+" ketchup";
		f=false;
		}

		order.innerHTML+="<br>"+"<br>"+"You selected the following toppings: ";
		for(var i = 0; i<top.length; i++){
			if(top[i].checked==true){
				//desplegar toppings
				order.innerHTML+=top[i].value+", "
			}
		}

		order.innerHTML+="<br>"+"<br>"+"You selected the following sauces: ";
		for(var i = 0; i<sau.length; i++){
			if(sau[i].checked==true){
				//desplegar salsas
				order.innerHTML+=sau[i].value+", "
			}
		}

		valor=-1;
		for(var i = 0; i<fri.length; i++){
			if(fri[i].checked==true){
				//ponerle ese valor a otro para poder representarlo
				valor=i;
			} // si le pico a uno
		}
		// si no eligio ninguno, nunca cambio el valor
		if(valor==-1){
			order.innerHTML+="<br>"+"<br>"+"You didn't select if you wanted fries";
			g=true;
		}
		else{
		// si se paso el valor a la variable valor
		order.innerHTML+="<br>"+"<br>"+"You chose: "+fri[valor].value+" fries";
		g=false;
		}
		if(((xal.value%1) != 0)||xal.value==""){
		//regresa true si no es un numero o no escribio nada
			order.innerHTML+="<br>"+"<br>"+"You didnt type a number of burgers";
			h=true;
		}
		else{
			order.innerHTML+="<br>"+"<br>"+"You want: "+xal.value+" burgers";
			h=false;
		}
		if(a==true||b==true||c==true||d==true||e==true||f==true||g==true||h==true){
			alert("You missed a couple of options, check below to see more details: ");

		}
	});
})