        <!-- Title Section -->
<head>
<script src="js/jquery.validate.min.js"></script>
</head>

        <div class="title-section module">
            <div class="row">
        
                <div class="small-12 columns">
                    <h1>Update Your Password</h1>
                </div><!-- Top Row /-->
        
                <div class="small-12 columns">
                    <ul class="breadcrumbs">
                        <li><a href="index.php">Home</a></li>
                        <li><a href="#">Already a member</a></li>
                    </ul><!-- Breadcrumbs /-->
                </div><!-- Bottom Row /-->
                
            </div><!-- Row /-->
        </div>
        <!-- Title Section Ends /-->
        
        <!-- Content section -->
        <div class="content-area module faq">
	    	<div class="row">
            
        		<div class="medium-9 small-12 columns">
			    	{if $SuccessMessage neq ""}

                    <div class="card-body">

					<div class="isa_success">

					<i class="fa fa-check"></i>

					{$SuccessMessage}. <a href="login.php"><span style="color:#fff; font-weight:600;">Click Here to Login</span></a>		 

					</div>

                    </div>

					{/if}
						{if $ErrorMessage neq ""}

                    <div class="card-body">

					<div class="isa_success">

					<i class="fa fa-check"></i>

					{$ErrorMessage}		 

					</div>

                    </div>

					{/if}
                	<h2  style="position:relative; left:380px; top:2px;">Please Fill the Form below</h2>
                    <!--<p>Once we receive your information our representative will get back to you within 24 hours.</p>-->
					<div class="contact-form" style="position:relative; left:350px; top:2px;">
					<form name="regForm" id="regForm" method="post" role="form" >
                     <input type="hidden" name="hdAction" id="hdAction">
                    <div class="row">
					<div class="medium-6 small-12 columns">
                           <label><span class="required"><b>*</b></span>
                            <input type="text"  id="memberCode" name="memberCode" value=''  placeholder="Your Member Code here..."  tabindex="1"  />
                           </label>
							<label><span class="required"><b>*</b></span>
                                <input type="text" id="mobileNo" name="mobileNo" value="" placeholder="Your Mobile Number here..." onkeyup="numericFilter(this);" maxlength="12" tabindex="2"/>
                            </label>
                             <label><span class="required"><b></b></span>
                                <input type="text" id="emailId" name="emailId" value="" placeholder="Your Email Id here..." tabindex="3" autocomplte="off" />
                            </label>  
						
							<label><span class="required"><b>*</b></span>
                                <input type="password" id="newPassword" name="newPassword" value="" placeholder="Your Password here..." maxlength="15" tabindex="4" />
                            </label>
                            <label><span class="required"><b>*</b></span>
                                <input type="password" id="confirmPassword" name="confirmPassword" value="" placeholder="Your Confirm Password here..." maxlength="15" tabindex="5" onblur="checkPassword(this);"/>
                            </label>
                               
                        
							 
					 
                        </div>
                
                    </div><!-- Row Ends /-->
                        
                    <!--<div class="row">
                        <div class="medium-6 small-12 columns">
                            <label>
                                <input type="text" value="" placeholder="Enter your Website ..." />
                            </label>    
                        </div>
                        <div class="medium-6 small-12 columns">
                            <label>
                                <input type="text" value="" placeholder="Reason contacting us ..." />
                            </label>
                        </div>
                    </div>--><!-- Row Ends /-->
                        
                   
                   
                        
                    <div class="row">
                        <div class="medium-12 small-12 columns">
                            <!--<label>
                                <textarea rows="4" placeholder="Your message ..."></textarea>
                            </label>   --> 
                           <center> <input style="position:relative; right:200px; top:2px;" type="btn" class="button primary" onclick="validateFields();" value="Submit" id="add" name="add" tabindex="6"/> </center>
                        </div>
                    </div><!-- Row Ends /-->
                 </form>
                </div><!-- Contact form /-->
           		</div> <!-- right sidebar ends -->

           	    <!-- icon-box ends -->
            
    	    </div><!-- row / -->
		</div>
        <!-- Content Section Ends /-->
{literal}
<script type="text/javascript">

    function validateFields() {
	//var memberCode=$('#memberCode').val();
	//var emailId=$('#emailId').val();
	var mobileNo=$('#mobileNo').val();
	var newPassword=$('#newPassword').val();
	var confirmPassword=$('#confirmPassword').val();
	
   
	$(".error").remove();
	if(mobileNo=="")
	{
	$('#mobileNo').after('<span class="error">This field is required</span>');
	
	$('#mobileNo').focus();
	
	return false;	
	}
	if(newPassword=="")
	{
	$('#newPassword').after('<span class="error">This field is required</span>');
	
	$('#newPassword').focus();
	
	return false;	
	}
	if(confirmPassword=="")
	{
	$('#confirmPassword').after('<span class="error">PLEASE ENTER THE SAME PASSWORD</span>');
	
	$('#confirmPassword').focus();
	
	return false;	
	}	
            FormName= document.regForm;
  			FormName.method= "POST";
            FormName.submit();
		
}

function IsEmail(emailId) {
             var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
             if(!regex.test(emailId)) {
                return false;
             }else{
                return true;
             }
           }
		   
	
   
function numericFilter(data)

{

   data.value = data.value.replace(/[^.0-9^.+,-]/ig,"");

}

function text_filter(data)

{

   data.value = data.value.replace(/[^ .a-z]/ig,"");

}
function checkPassword()
{
    var newPassword=document.getElementById('newPassword').value;
    var confirmPassword=document.getElementById('confirmPassword').value;
//alert(confirmPassword);
    if(newPassword!=confirmPassword)
    {
        document.getElementById('confirmPassword').value="";
        //alert('Confirm Password Does not match');
        return false;
        //$('#confirmPassword').after('<span class="error">Confirm Password Does not match</span>');
        
	  
    }
}
 
</script>

<style>

.isa_success

{

color: #FFFFFF;

background-color: #174873;

}

.error

{

color:#D8000C;

/*background-color:#FFBABA;*/

}

.isa_error

{

color:#D8000C;

background-color:#FFBABA;

}

.isa_success i,.isa_error i

{

margin:10px 22px;

font-size:2em;

/*vertical-align:middle;*/

}

.required

{

color:#FF0000;
float:right;

}

</style>

{/literal}