// JavaScript Document

var form_CompanyName = "";
var form_FirstName = "";
var form_LastName = "";

//user updated contact details
function userUpdateDetails(){
	
	
	form_Email = document.getElementById('user_Email').value;
	form_Phone = document.getElementById('user_Phone').value;
	form_Fax = document.getElementById('user_Fax').value;
	form_Address1 = document.getElementById('user_Address1').value;
	form_Address2 = document.getElementById('user_Address2').value;
	form_Town = document.getElementById('user_Town').value;
	form_County = document.getElementById('user_County').value;
	form_Postcode = document.getElementById('user_Postcode').value;
	form_Country = document.getElementById('user_Country').value;
	form_Password = document.getElementById('user_Password').value;
	
	$.ajax({
		url: 'http://www.perchards.com/db_widget_src/userUpdateDetails.php',
		data: 'post_CompanyName='+form_CompanyName+'&post_FirstName='+form_FirstName+'&post_LastName='+form_LastName+'&post_Email='+form_Email+'&post_Phone='+form_Phone+'&post_Fax='+form_Fax+'&post_Address1='+form_Address1+'&post_Address2='+form_Address2+'&post_Town='+form_Town+'&post_County='+form_County+'&post_Postcode='+form_Postcode+'&post_Country='+form_Country+'&post_Password='+form_Password+'',			
		type: 'POST',
		dataType: 'json',
		success: function(data) {

			alert("Details successfully updated.");	
			// `response` here is a valid JSON object; jQuery handles the work of parsing the response, etc.
			
			/*document.getElementById('temp').innerHTML =	data;
			document.forms['hiddenForm'].hidClientID.value = data.clientID;
			//redirect();
			if (form_Payment=="CreditCard"){redirect1();}
			else if (form_Payment=="Invoice"){redirect2();}
			else {alert("There was a problem submitting this form. Please try again.");}*/
		}
	});
}

//show password on page
function togglePassword() {
	$('#user_Password').css('visibility','visible');
	$('#passwordToggleDiv').html("<span id='passwordToggle' onclick='togglePasswordOff()'>Hide Password</span>");
}
function togglePasswordOff() {
	$('#user_Password').css('visibility','hidden');
	$('#passwordToggleDiv').html("<span id='passwordToggle' onclick='togglePassword()'>Show Password</span>");
}

	

//submit form details
function attemptLogin(){
	//alert("attempt login");
	var form_UserEmail = document.getElementById('userEmail').value;
	var form_UserPass = document.getElementById('userPass').value;
	//alert(form_UserEmail+","+form_UserPass);
	
	$.ajax({
		url: 'http://www.perchards.com/auth_user.php',
		data: 'userEmail='+form_UserEmail+'&userPass='+form_UserPass+'',			
		type: 'POST',
		dataType: 'json',
		success: function(data) {
			//alert(data.ajax_login);
			//alert(data);
			// `response` here is a valid JSON object; jQuery handles the work of parsing the response, etc.
			if(data.ajax_login == "true") {
				//alert(data.return_userName);
				window.location = "http://www.perchards.com/InformationServices/SubscriberHome";
			} else if(data.ajax_login == "false") {
				alert("Wrong Username or Password, please try again.");
			} else if(data.ajax_login == "expired") {
				window.location = "http://www.perchards.com/InformationServices/Howtosubscribe/SubscriptionExpired";
			} else {
				alert("Error");
			}
		}
	});
}


var acc_struct = "";


function loadAccountSettings(){
	$(".account_settings").html(acc_struct);
	$.ajax({
		url: 'http://www.perchards.com/db_widget_src/user_session.php',
		//data: 'userName='+form_UserName+'&userPass='+form_UserPass+'',			
		//type: 'POST',
		dataType: 'json',
		success: function(data) {
			var output = "";
			if(data.ajax_login == "true") {	
			
				form_CompanyName = data.return_CompanyName;
				form_FirstName = data.return_FirstName;
				form_LastName = data.return_LastName;
				
				if(data.return_CompanyName !=null){output_CompanyName = data.return_CompanyName;}else{output_CompanyName = ""}
				if(data.return_FirstName !=null){output_FirstName = data.return_FirstName;}else{output_FirstName = ""}
				if(data.return_LastName !=null){output_LastName = data.return_LastName;}else{output_LastName = ""}
				if(data.return_SubscPackage !=null){output_SubscPackage = data.return_SubscPackage;}else{output_SubscPackage = ""}
				if(data.return_SubscExpiryDate !=null){output_SubscExpiryDate = data.return_SubscExpiryDate;}else{output_SubscExpiryDate = ""}
				if(data.return_Email !=null){output_Email = data.return_Email;}else{output_Email = ""}
				if(data.return_Phone !=null){output_Phone = data.return_Phone;}else{output_Phone = ""}
				if(data.return_Fax !=null){output_Fax = data.return_Fax;}else{output_Fax = ""}
				if(data.return_Address_1 !=null){output_Address_1 = data.return_Address_1;}else{output_Address_1 = ""}
				if(data.return_Address_2 !=null){output_Address_2 = data.return_Address_2;}else{output_Address_2 = ""}
				if(data.return_Town !=null){output_Town = data.return_Town;}else{output_Town = ""}
				if(data.return_County !=null){output_County = data.return_County;}else{output_County = ""}
				if(data.return_Postcode !=null){output_Postcode = data.return_Postcode;}else{output_Postcode = ""}
				if(data.return_Country !=null){output_Country = data.return_Country;}else{output_Country = ""}
				if(data.return_Password !=null){output_Password = data.return_Password;}
			
				output+="<div class='subscRowHeader'>";
				output+="<div class='subs_label'>User Details</div>";
				output+="<div class='subs_output'>&nbsp;</div>";
				output+="</div>"; 
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Company</div>";
				output+="<div class='subs_output'>"+output_CompanyName+"</div>";
				output+="</div>";
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Name</div>";
				output+="<div class='subs_output'>"+output_FirstName+" "+output_LastName+"</div>";
				output+="</div>";
				output+="<div class='subscRowHeader'>";
				output+="<div class='subs_label'>Subscription Details</div>";
				output+="<div class='subs_output'>&nbsp;</div>";
				output+="</div>";  
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Subscription Package</div>";
				output+="<div class='subs_output'>"+output_SubscPackage+"</div>";
				output+="</div>";  
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Subscription Expiry</div>";
				output+="<div class='subs_output'>"+output_SubscExpiryDate+"</div>";
				output+="</div>";  
				if(data.return_AddDocsCount>0){
					for(i=0; i<data.return_AddDocsCount; i++){
						output+="<div class='subscRow'>";
						output+="<div class='subs_label'>";
						if(i==0){ output+="Additional Documents"; }
						output+="&nbsp;</div>";
						output+="<div class='subs_output'>"
						var documentTitle = 'data.return_DocTitle'+i;
						output+=eval(documentTitle);
						//output+=data.return_DocTitle+i;
						output+="</div>";
						output+="</div>";
					}
				} else {
					output+="<div class='subscRow'>";
					output+="<div class='subs_label'>Additional Documents</div>";
					output+="<div class='subs_output'>None Selected</div>";
					output+="</div>";
				}
				output+="<div class='subscRowHeader'>";
				output+="<div class='subs_label'>Contact Details</div>";
				output+="<div class='subs_output'>&nbsp;</div>";
				output+="</div>"; 
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Email</div>";
				output+="<div class='subs_output'><input id='user_Email' name='user_Email' type='text' value='"+output_Email+"'/></div>";
				output+="</div>"; 
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Phone</div>";
				output+="<div class='subs_output'><input id='user_Phone' name='user_Phone' type='text' value='"+output_Phone+"'/></div>";
				output+="</div>"; 
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Fax</div>";
				output+="<div class='subs_output'><input id='user_Fax' name='user_Fax' type='text' value='"+output_Fax+"'/></div>";
				output+="</div>";
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Address</div>";
				output+="<div class='subs_output'><input id='user_Address1' name='user_Address_1' type='text' value='"+output_Address_1+"'/></div>";
				output+="</div>";
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Address</div>";
				output+="<div class='subs_output'><input id='user_Address2' name='user_Address_2' type='text' value='"+output_Address_2+"'/></div>";
				output+="</div>";
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Town</div>";
				output+="<div class='subs_output'><input id='user_Town' name='user_Town' type='text' value='"+output_Town+"'/></div>";
				output+="</div>";
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>County</div>";
				output+="<div class='subs_output'><input id='user_County' name='user_County' type='text' value='"+output_County+"'/></div>";
				output+="</div>";
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Postcode</div>";
				output+="<div class='subs_output'><input id='user_Postcode' name='user_Postcode' type='text' value='"+output_Postcode+"'/></div>";
				output+="</div>";
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>Country</div>";
				output+="<div class='subs_output'><input id='user_Country' name='user_Country' type='text' value='"+output_Country+"'/></div>";
				output+="</div>";	
				output+="<div class='subscRow'>";
				output+="<div class='subs_label' id='passwordToggleDiv'><span id='passwordToggle' onclick='togglePassword()'>View Password</span></div>";
				output+="<div class='subs_output'><input id='user_Password' name='user_Password' type='text' value='"+output_Password+"'/></div>";
				output+="</div>";	
				output+="<div class='subscRow'>";
				output+="<div class='subs_label'>&nbsp;</div>";
				output+="<div class='subs_output'><input id='user_Update' name='user_Update' type='submit' value='Update contact details' onclick='userUpdateDetails()'/></div>";
				output+="</div>";			
				output+="<div id='signUpNavClr'>&nbsp;</div>";
			} else {
				output += "Not logged in";
			}
			$(".account_settings").append(output);
		}
	});
}

//attach function to login form
$(document).ready(function() { 
	/*$('#loginForm').submit(function() {
  		attemptLogin();
  		return false;
	});*/
	$('#userSubmit').click(function() {
		//alert("click");
		attemptLogin();
        return false;
		alert(".");
	});
	$('#loginForm').submit(function() {
		//alert("submit");
		attemptLogin();
	});/**/	
	$('#userPass').keydown(function(e){
        if (e.keyCode == 13) {
            //$(this).parents('form').submit();
			attemptLogin();
            return false;
        }
    });
	
	if ($(".account_settings").length > 0){
  		// do something here
		//alert("Subs Page");
		loadAccountSettings();
	}
});