//global settings
var rowColor = '#CCCCCC';

$(document).ready(function(){
  
    $(".optionRows").hide();
	$(".rowStyle tr:even").css({"backgroundColor": rowColor});
	$(".button").button();
	$("#editField").hide();
	$(".optionRows1").hide();
	$("#newExport").hide();
	$("#getBooking").hide();
	$(".default_text").hide();
});


function moveField(id, to, idForm){ //update field manager
   $(document).ready(function(){
		  
		  $.ajax({
		   type: "POST",
		   url: "actions.php",
		   data: "id="+id+"&to="+to+"&action=moveField",
		   success: function(html){
			 $.ajax({
					type: "POST",
					url: "actions.php",
					data: "id="+idForm+"&action=getFormFields",
					success: function(html){
						$("#results").html(html);
						$("#newField").dialog("close");
					}
		
				});
		   }
		
		});			 
  });	
}

function getForm(id){ //update field manager
   $(document).ready(function(){
		  
		  $.ajax({
		   type: "POST",
		   url: "actions.php",
		   data: "id="+id+"&action=getFormFields",
		   success: function(html){
			 $("#results").html(html);
			 $(".button").button();
		   }
		
		});			 
  });	
}//end function

function getBookings(id){ //update field manager
   $(document).ready(function(){
		  
		  $.ajax({
		   type: "POST",
		   url: "actions.php",
		   data: "id="+id+"&action=getBookings",
		   success: function(html){
			 $("#results").html(html);
		   }
		
		});			 
  });	
}

function getBooking(id){
 $(document).ready(function(){
	 
	
	$.ajax({
		   type: "POST",
		   url: "actions.php",
		   data: "id="+id+"&action=getBooking",
		   success: function(html){
			 $("#getBooking").html(html);
		   }
		
		});	
		
	$("#getBooking").dialog({
	  width: 550,
	  height: 350
	});				
	
 });	
}


function addForm(){ //add form
	$(document).ready(function()
	{
		var name = $("#nameForm").val();
		var subjectForm = $("#subjectForm").val();
		var nameFileForm = $("#nameFileForm").val();
		var tnxTextForm = $("#tnxTextForm").val();
		if(!name || !subjectForm || !nameFileForm || !tnxTextForm)
		{
			alert("Vul alle formuliervelden in!");
			return false;
		}
	
		$.ajax({
			type: "POST",
			url: "actions.php",
			data: "id=0&name="+name+"&subjectForm="+subjectForm+"&nameFileForm="+nameFileForm+"&tnxTextForm="+tnxTextForm+"&action=addForm",
			success: function(){
				location.reload();
			}
		});			 
	});
		
}//end function

function delForm(id){ //del form
			  $(document).ready(function(){
					  if(!confirm("De velden van dit formulier worden ook verwijderd! Weet u het zeker?")){
					    return false;
					  }

					 $.ajax({
					   type: "POST",
					   url: "actions.php",
					   data: "id="+id+"&action=delForm",
					   success: function(html){
						 /*$("#formView").html(html);
						 $(".rowStyle tr:even").css({"backgroundColor": rowColor});*/
						 location.reload();
					   }
					
					});			 
		});
		
}//end function


function addField(){ //add field
	$(document).ready(function(){
		 var formNameField = $("#formNameField").val();
		 var fieldname = encodeURIComponent($("#nameField").val());
		 var label = encodeURIComponent($("#label").val());
		 var fieldType = $("#fieldType").val();
		 var required = $(".required:checked").val();
		 var multiple = $(".multiple:checked").val();
		 var classField = $("#classField").val();
		 var defaultField = $("#defaultField").val();
		 
		 

		 
		   if(!fieldname || !label || !required || !multiple ){
			 alert("Vul alle velden in!");
			 return false;
		   }
		   
		   if(fieldType == "select"){
		   var option = '';
			  $(".option").each(function(){
				option += $(this).val() + "|";
			  });
		   }else{
			  var option = '';
		   }
		 
		 $.ajax({
		   type: "POST",
		   url: "actions.php",
		   data: "id=0&formNameField="+formNameField+"&fieldname="+fieldname+"&option="+option+"&label="+label+"&fieldType="+fieldType+"&classField="+classField+"&required="+required+"&multiple="+multiple+"&defaultField="+defaultField+"&action=addField",
		   success: function(html){
				$.ajax({
					type: "POST",
					url: "actions.php",
					data: "id="+formNameField+"&action=getFormFields",
					success: function(html){
						$("#results").html(html);
						$("#newField").dialog("close");
					}
		
				});
		   }
		
		});	
		
		$("#nameField").val(" ");
		$("#label").val(" ");
		$("#required").attr("checked", false);
		$("#classField").val(" ");
		$("#defaultField").val(" ");
	});

}//end function

function saveEditField(id){ //add field
	$(document).ready(function(){
		 var formNameField = $("#formNameField1").val();
		 var fieldname = encodeURIComponent($("#nameField1").val());
		 var label = encodeURIComponent($("#label1").val());
		 var fieldType = $("#fieldType1").val();
		 var required = $(".required1:checked").val();
		 var multiple = $(".multiple1:checked").val();
		 //var classField = $("#classField1").val();
		 var defaultField = $("#defaultField1").val();
		   if(!fieldname || !label || !required || !multiple ){
			 alert("Vul alle velden in!");
			 return false;
		   }
		   
		   if(fieldType == "select"){
		   var option = '';
			  $(".option1").each(function(){
				option += $(this).val() + "|";
			  });
		   }else{
			  var option = '';
		   }
		 
		 $.ajax({
		   type: "POST",
		   url: "actions.php",
		   data: "id="+id+"&formNameField="+formNameField+"&fieldname="+fieldname+"&option="+option+"&label="+label+"&fieldType="+fieldType+"&required="+required+"&multiple="+multiple+"&defaultField="+defaultField+"&action=saveEditField",
		   success: function(html){
			 $.ajax({
					type: "POST",
					url: "actions.php",
					data: "id="+formNameField+"&action=getFormFields",
					success: function(html){
						$("#results").html(html);
						$("#newField").dialog("close");
					}
		
				});
			 $("#editField").dialog("close");
		   }
		
		});
	
	});
		
}//end function

function delField(id, idForm){ //delete field
  $(document).ready(function(){

		   if( !confirm("Weet u het zeker?") ){
			 return false;
		   }
		 
		 $.ajax({
		   type: "POST",
		   url: "actions.php",
		   data: "id="+id+"&action=delField",
		   success: function(html){
			//alert(html);
			 $.ajax({
					type: "POST",
					url: "actions.php",
					data: "id="+idForm+"&action=getFormFields",
					success: function(html){
						$("#results").html(html);
						$("#newField").dialog("close");
					}
		
				});
		   }
		
		});

  });
		
}//end function


function editField(id, form){

$(document).ready(function(){
	$.ajax({
	   type: "POST",
	   url: "actions.php",
	   data: "id="+id+"&form="+form+"&action=editField",
	   success: function(html){
		 $("#editField").html(html);
		 $("#editField").dialog({
		  width: 550,
		  height: 330
		 });
		  if($("#fieldType1").val() == "select"){
			$(".optionRows1").show();
		  }else{
			$(".optionRows1").hide();
		  }
	   }
	
	});	
});

}

//edit form
function editForm( id ){
	$(document).ready(function(){
		$("#editFormWindow").dialog({
			width: 500,
			height: 350,
			resizable: false,
			open: function(){
				$.ajax({
					type: "post",
					url: "actions.php",
					data: "id="+id+"&action=getEditForm",
					beforeSend: function(){
						$("#editFormWindow").dialog( "option", "title", "Formulier gegevens laden..." );
					},
					success: function( html ){
						$("#editFormWindow").html( html );
						$("#editFormWindow").dialog( "option", "title", "Formulier bewerken" );
					}
				});
			},
			beforeClose: function(){
				$("#editFormWindow").html( " " );
			},
			buttons: [
				{
					text: "Annuleren",
					click: function(){
						$(this).dialog("close");
					}
				},
				{
					text: "Wijzigen",
					click: function(){
						var editnameForm = $("#editnameForm").val();
						var editsubjectForm = $("#editsubjectForm").val();
						var editnameFileForm = $("#editnameFileForm").val();
						var edittnxTextForm = $("#edittnxTextForm").val();
						
						if(!editnameForm || !editsubjectForm || !editnameFileForm || !edittnxTextForm){
							alert("Vul alle formulier velden in!");
						}else{
							$.ajax({
								type: "POST",
								url: "actions.php",
								data: "id="+id+"&editnameForm="+editnameForm+"&editsubjectForm="+editsubjectForm+"&editnameFileForm="+editnameFileForm+"&edittnxTextForm="+edittnxTextForm+"&action=saveEditForm",
								beforeSend:function(){
									$("#editFormWindow").dialog( "option", "title", "Formulier bewerken! Even geduld a.u.b..." );
								},
								success: function(){
									location.reload();
								}
							});
						}
					}
				}
			]
		});
	});
}

function delBooking(bookingID, formID){
	$(function(){
		if(!confirm("Weet u zeker dat deze booking verwijderd moet worden?")){
			return false;
		}
		
		$.ajax({
			type: "POST",
			url: "actions.php",
			data: "id="+bookingID+"&action=delBooking",
			success: function(){
				getBookings(formID);
			}
		});
	});
}

//new form
$(document).ready(function(){
	$("#newForm").hide();
	$("#newField").hide();
});

function open_newForm(){ //Open popup newForm
 $(document).ready(function(){
		  
	$("#newForm").dialog({
	  width: 500,
	  height: 350
	});				
	
 });	
}//end function

function open_newField(){ //Open popup newField
  $(document).ready(function(){
		  
	$("#newField").dialog({
	  width: 550,
	  height: 330
	});				
	
 });	
}//end function

function setStatusBooking(str){
	$("#newExport").append(str);
	return true;
}

function exportBookings(){
 $(document).ready(function(){
		  
	$("#newExport").dialog({
	  width: 500,
	  height: 350,
	  modal:true,
	  buttons: [
			{
				text: "Annuleren",
				click: function(){
					xhr.abort();
					$(this).dialog("close");
				}
			}
	  ]
	});	
	//step 1
	function getRec()
	{
		var records = '';
		
		$(".bookingRecord:checked").each(function()
		{
			var str = $(this).val();
			if(str.length > 0)
			{ 
				records += $(this).val()+'|';
			}
		});
		
		if(records.length > 0)
		{
			return records;
		}
		else
		{
			return false;
		}
	}
	
	var xhr = $.ajax({
		type: "POST",
		url: "createDownloadData.php",
		beforeClose: function(){
			$("#newExport").html(" ");
		},
		data: "data="+getRec()+"&action=exportRecords",
		success: function(html)
		{
			$("#newExport").html(html);
			window.location.href="download.php?data="+html;
		}
	});
	
	
 });	
}

function checkTypeSelect(){

   var type = $("#fieldType").val();
     if(type == "select"){
	        $(".optionRows").show();
	 }else{
	        $(".optionRows").hide();
	 }
	 
	 if(type == "paragraaf"){
	        $(".html_default_value").html('<textarea cols="20" rows="4" id="defaultField"></textarea>');
	 }else{
	        $(".html_default_value").html('<input type="text" id="defaultField" />');
	 }
}

function checkTypeSelect1(){

   var type = $("#fieldType1").val();
     if(type == "select"){
	        $(".optionRows1").show();
	 }else{
	        $(".optionRows1").hide();
	 }
	 
	 if(type == "paragraaf"){
	        $(".html_default_value1").html('<textarea cols="20" rows="4" id="defaultField1"></textarea>');
	 }else{
	        $(".html_default_value1").html('<input type="text" id="defaultField1" />');
	 }
}

function loadForm(id){

    $(document).ready(function(){
		$.ajax({
		   type: "POST",
		   url: "actions.php",
		   data: "id="+id+"&action=getOutputForms",
		   success: function(html){
			 $("#formsResult").html(html);
		   }
		
		});	
	});
}

////==============Frontend==============////

function getMoreFields(id){
	//alert("Deze functie is nog niet beschikbaar!");//
	
	$(document).ready(function(){
		$.ajax({
			type: "POST",
			url: "/admin/actions.php",
			data: "id="+id+"&action=getMoreFields",
			success: function( html ){
				//alert( html );
				$(".moreButton").each(function(index){
					var value = $(this).html();
					if(value != "&nbsp;"){
						var elIn = index;
						$(".formTableAuto tr").each(function(i){
							if(i == elIn){
								//alert("ja");
								$(this).after( html );
							}
						});
						return false;
					}
				});
			}
		});
	});
}

function showFields(id,count) {
	
	var x=0;
	for(x=0;x<count;x++)
	{
		getMoreFields(id);
	}
	
	$("#extraPersonen").hide();
}