{showpage:header/header}
<script src="https://www.google.com/recaptcha/api.js"></script>
<div class="fullwidth float-left reg-h" style="background: #faf9f9;">

<div class="main-container">
    <div class="reg-rt float-left">
	    <div class="fullwidth text-center"><img src="images/reg-bg.png" class="rg-img"></div>
	</div>
	<div class="reg-lt float-right">
	    <div class="fullwidth float-left reg-frm">
		<div class="fullwidth float-left">
		    <h4 class="reg-head">{cfn:getmessage(513)}</h4>
			</div>
			<div class="fullwidth float-left">
			<div class="row">
			<div class="col-sm-6">
			<div class="fullwidth float-left reg-cont"><input type="text" class="reg-txt" placeholder="Username" name="username_n"><span class="position-absolute reg-error-msg" id="user"> </span>
</div>



			</div>
			<div class="col-sm-6">
	
		<div class="fullwidth float-left reg-cont"><input type="text" class="reg-txt" placeholder="{cfn:getmessage(9)}" name="name">
<span class="position-absolute reg-error-msg" id="erormsgname"> </span>
</div>
			</div>
			<!--<div class="col-sm-6">
			<div class="fullwidth float-left reg-cont"><input type="text" class="reg-txt" placeholder="Phone"></div>
			</div>-->
			<div class="col-sm-6">
			<div class="fullwidth float-left reg-cont"><input type="text" class="reg-txt" placeholder="{cfn:getmessage(535)}" name="email">
<span class="position-absolute reg-error-msg" id="erormsgemail"> </span>

</div>
			</div>
			<div class="col-sm-6">
			<div class="fullwidth float-left reg-cont"><input type="password" class="reg-txt" placeholder="{cfn:getmessage(532)}" name="rpassword">
<span class="position-absolute reg-error-msg" id="erormsgpass"> </span>

</div>
			</div>
			<div class="col-sm-6">
			<div class="fullwidth float-left reg-cont"><input type="password" name="conpass" class="reg-txt" placeholder="{cfn:getmessage(533)}">




<span class="position-absolute reg-error-msg" id="erormsgconpass"> </span>

</div>


</div>



			
<div class="col-sm-12">

<div class="fullwidth float-left reg-cont"><div class="input-group">
  <div class="g-recaptcha" data-sitekey="{$site_key}"></div>

<span class="position-absolute reg-error-msg gcaptcha" id="recaptchaerror"> </span>

</div>


</div>
</div>

			</div>

			<div class="row">

			<div class="col-sm-6">
			<div class="fullwidth float-left"><button onClick="javascript:registeruser();" class="reg-btn">Submit</button></div>
			</div>
			</div>
			</div>
		</div>
	</div>
</div>


		
</div>	

{showpage:footer/footer}




<script>




function trim(stringValue){return stringValue.replace(/(^\s*|\s*$)/, "");}

function isNotNull(strString)
//  checks wheteher value of field not null 	
{


if (trim(strString).length == 0) 
return false;



}

function isSame(strString1, strString2)
//checks wheteher both field values are same
{   
	if (strString1 != strString2 ) return false;
}


function isEmail(emailString)
   //  check for valid Email Addresses	
   {
   
   	 if (emailString.length == 0) return true;
   
	 var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
	 
		if (filter.test(emailString))
			return true;
		else
			return false;					
	
	}
	function registeruser1()
	{
	alert('aaaa');
	}

function registeruser()
{


var recapctha=grecaptcha.getResponse();




	username=$('[name="username_n"]').val();



	name=$('[name="name"]').val();
	password=$('[name="rpassword"]').val();
	conpassword=$('[name="conpass"]').val();
	email=$('[name="email"]').val();
	//imagea=$('[name="imageveri"]').val();
	


	var flag=1;
	
	if(isNotNull(username)==false)
	{
		flag=0;
                $('#user').css("display", "block");
		$('#user').html("{cfn:getmessage(501)}");
		//$('#newerorun').fadeIn();
		$('#user').fadeOut(3000);
		//$('[name="username"]').focus();
		
	}
      
	if(isNotNull(name)==false)
	{
		flag=0;
                 $('#erormsgname').css("display", "block");
		$('#erormsgname').html("{cfn:getmessage(505)}");
		//$('#newerorname').fadeIn();
		$('#erormsgname').fadeOut(3000);
		//$('[name="name"]').focus();
	}
	
	if(isNotNull(password)==false)
	{
		flag=0;
                $('#erormsgpass').css("display", "block");
		$('#erormsgpass').html("{cfn:getmessage(502)}");
		//$('#newerorpass').fadeIn();
		$('#erormsgpass').fadeOut(3000);
		//$('[name="rpassword"]').focus();
	}

       if(isNotNull(password)==false)
	{
		flag=0;
                $('#erormsgpassconfirm').css("display", "block");
		$('#erormsgpassconfirm').html("Confirm password cannot be left blank");
		//$('#newerorpass').fadeIn();
		$('#erormsgpassconfirm').fadeOut(3000);
		//$('[name="password"]').focus();
	}



	
	if(isSame(conpassword,password)==false)
	{
		flag=0;
                 $('#erormsgconpass').css("display", "block");
		$('#erormsgconpass').html("{cfn:getmessage(504)}");
		//$('#newerorconpass').fadeIn();
		$('#erormsgconpass').fadeOut(3000);
		//$('[name="conpass"]').focus();
	}
	if(isNotNull(email)==false)
	{
		flag=0;
                $('#erormsgemail').css("display", "block");
		$('#erormsgemail').html("{cfn:getmessage(506)}");
		//$('#neweroremail').fadeIn();
		$('#erormsgemail').fadeOut(3000);
		//$('[name="email"]').focus();
	}
	if(isEmail(email)==false)
	{
		flag=0;
                $('#erormsgemail').css("display", "block");
		$('#erormsgemail').html("{cfn:getmessage(507)}");
		//$('#neweroremail').fadeIn();
		$('#erormsgemail').fadeOut(3000);
		//$('[name="email"]').focus();
	}

if(recapctha==''){

flag=0;

 $('#recaptchaerror').css("display", "block");
 $('#recaptchaerror').html("Verify the captcha.");
 $('#recaptchaerror').fadeOut(3000);

}










	if(!flag)
	{
		return false;
	}
	else
	{



		//alert(username+","+name+","+password+","+conpassword+","+imagea);
                 //  alert('{url:(index/userregisteration/)}');
		$.ajax({
			type:"POST",cache:false,
			url:"{url:(index/userregisteration)}",
			data:"name="+name+"&pwd="+password+"&username="+username+"&conpwd="+conpassword+"&email="+email+"&captcha= "+recapctha,
			success:function(data)
			{	console.log(data);
				//alert(data);
				if(data=="success")
				{
					//window.location.href="{url:(user/member)}";
window.location.href="{url:(user/myprofile)}";
				}
				else
				{
					$('.email_error_msg').html(data);
					$('.email_error').fadeIn();
					$('.email_error').fadeOut(3000);
					//alert("{cfn:getmessage(507)}");
				}
			}
		});
	}
	
}






</script>
	
</body>
</html>