{include file="templates/panels/panel-catalog-categories.html"}
<div class="page-password-reset wrap {class file=$smarty.template editable=true}">
   {if $resetPasswordSent}
   <div data-role="header" class="ui-header ui-bar-a" role="banner">
      <h1 class="ui-title" role="heading" aria-level="1">Username & Password Assistance</h1>
   </div>
   {else}
   <div data-role="header" class="ui-header ui-bar-a" role="banner">
      <h1 class="ui-title" role="heading" aria-level="1">{$msg.account.reset_password_title}</h1>
   </div>
   {/if}
   <div class="main-wrapper" style="width:100% !important;">
      <p></p>
      <div class="spacer">
         {if $resetPasswordSent}
         <h1 style="color:#E47916;padding:0">Username & Password Assistance</h1>
         <br />
         <p style="color:#E47916;">Check Your E-mail.</p>
         <br />
         <p>A Password Reset Link was sent to '{$email}' email address. </p>
         <p>Check your email box in a few minutes.</p>
         {elseif $using_sms=='yes'}
         
         {if $check_data_sms==1}
         <form action="{$url_https}p=reset&type=using_sms" name="password_reset_form" method="post">
            <div class="fieldset ">
               <h1 style="color:#E47916;padding:0">Password Assistance</h1> 
<!--
               <br />
               <p style="color:#E47916;">Check Your SMS.</p>
               <br />
-->
               <p>A verification code was sent to yore registered phone {$disp_phone}. </p>
               <label>Enter verification Code</label><br> 
               <div class="field"><input id="email" type="number" name="code" autocomplete="off" value=""  /> 
                  <a id='resend_sms'  style="cursor: pointer;" name="send_sms_id">Resend Code</a>
               </div>
               <input type="hidden" name="hid_email" id="hid_email" value="{$email}">
               <input type="hidden" name="hid_phone" id="hid_phone" value="{$phone}">
<!--
               <br>
-->
               <input class="button-reset-password regbtn send_sms" type="submit" id='' name="verify" value="Verify">
               
            </div>
            <br>
         </form>
         
         {else}
         <p class="msg-error">
            <!--{$msg.account.reset_error}-->sms can't send, please reset password using email.
         </p>
          <form action="{$url_https}p=password_reset" method="post" onsubmit="return CheckResetPassword(this)">
            <input type="hidden" name="ua" value="{$USER_PASSWORD_RESET}"/>
            <div class="fieldset {class file=$smarty.template editable=true}">
               <br />
               <div class="field">
                  <label>Email Address</label>
                  <div><input id="email"  type="text" name="email" autocomplete="off" value="{$email|htmlspecialchars}"/></div>
               </div>
               <div  data-role="fieldcontain" id="div_username"></div>
               <div class="buttons">
                  {button class="button-reset-password regbtn" text='reset by email' file=$smarty.template}
                  <input class="button-reset-password regbtn send_sms" style="display:none" type="submit" id='send_sms_id' name="send_sms_id" value="reset by sms">
                  
               </div>
               <br />
            </div>
         </form>
         {/if}
         
         {else}
         <p>{$msg.account.reset_password_2}</p>
         {if $resetPasswordProbe}
         <p class="msg-error">
            <!--{$msg.account.reset_error}-->The email you entered is not registered.
         </p>
         {/if}
         <form action="{$url_https}p=password_reset" method="post" onsubmit="return CheckResetPassword(this)">
            <input type="hidden" name="ua" value="{$USER_PASSWORD_RESET}"/>
            <div class="fieldset {class file=$smarty.template editable=true}">
               <br />
               <div class="field">
                  <label>Email Address</label>
                  <div><input id="email"  type="text" name="email" autocomplete="off" value="{$email|htmlspecialchars}"/></div>
               </div>
               <div  data-role="fieldcontain" id="div_username"></div>
               <div class="buttons">
                  {button class="button-reset-password regbtn" text='reset by email' file=$smarty.template}
                  <input class="button-reset-password regbtn send_sms" style="display:none" type="submit" id='send_sms_id' name="send_sms_id" value="reset by sms">
                  
               </div>
               <br />
            </div>
         </form>
         {/if}
      </div>
   </div>
</div>
{literal}
<style>
   .regbtn{
   border:1px solid #7d99ca; 
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-size:14px;
   padding: 7px 25px !important;
   text-decoration:none; 
   display:inline-block;
   text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
   font-weight:bold; 
   color: #FFFFFF;
   background-color: #389dce; background-image: -webkit-gradient(linear, left top, left bottom, from(#389dce), to(#1ca2e3));
   background-image: -webkit-linear-gradient(top, #389dce, #1ca2e3);
   background-image: -moz-linear-gradient(top, #389dce, #1ca2e3);
   background-image: -ms-linear-gradient(top, #389dce, #1ca2e3);
   background-image: -o-linear-gradient(top, #389dce, #1ca2e3);
   background-image: linear-gradient(to bottom, #389dce, #1ca2e3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#389dce, endColorstr=#1ca2e3);
   }
   .regbtn:hover{
   border:1px solid #5d7fbc;
   background-color: #0057a2; background-image: -webkit-gradient(linear, left top, left bottom, from(#0057a2), to(#00559e));
   background-image: -webkit-linear-gradient(top, #0057a2, #00559e);
   background-image: -moz-linear-gradient(top, #0057a2, #00559e);
   background-image: -ms-linear-gradient(top, #0057a2, #00559e);
   background-image: -o-linear-gradient(top, #0057a2, #00559e);
   background-image: linear-gradient(to bottom, #0057a2, #00559e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0057a2, endColorstr=#00559e);
   }
</style>
<script>

$(document).ready(function(){
	$("#email").bind('keyup change',function(){
				
		$('#div_username').html('');
		var email_val=$(this).val();
		
		if(isEmail(email_val))
		{	
			 $.ajax({
			  url: 'dmp.php', 
			  type: 'POST',
			  data: {email:email_val, action: 'get_usernames'},
			  success: function(result) {
				 if(result)
				 {
					
					//called when successful
					
					$('#div_username').html(result);
					if(result.indexOf('user_phone') > 0){
   						console.log();
   						$('#send_sms_id').css('display','table-cell');
   						
   					}	
					
					$('#user_phone').addClass('ui-input-text ui-body-c');
					$('#user_phone').css('width','96%');
					//~ $('#user_phone').val($('#user_phone').val().replace(/.(?=.{4,}$)/g, '*'));
					$('#user_phone_enc').html($('#user_phone_enc').html().replace(/.(?=.{4,}$)/g, '*'));

					$('select#username_select').css('height','2.2em');
					$('select#username_select').css('font-size','16px');
					$('select#username_select').css('width','96%');
					$('#password_reset_continue').removeAttr('style');
					return true;
				 }  
				 
			  },
			  error: function(e) { 
				//called when there is an error
				console.log(e.message);
				console.log("errr");
				return false;
			  }
			});
		}
	});
	$('#resend_sms').click(function(){
   		$(this).css('pointer-events','none');
   		var phone = $.trim($('#hid_phone').val());
   		var email = $.trim($('#hid_email').val());
   		console.log(phone);
   		console.log(email);
   		$.ajax({
   				
   			  url: 'dmp.php',  
   			  type: 'POST',
   			  data: {phone:phone,email:email, action: 'send_verification_code'},
   			  success: function(result) {
   				
   				if(result='success'){
   					$.ajax({
   					url: site_ajax_url + "&p=password_reset", 
   					type: 'POST',
   					data: {email:email, phone: phone,using_sms:'yes'},
   					 success: function(result) {
   						 alert('Verification code is suucessfully send to your phone (' +phone.replace(/.(?=.{4,}$)/g, "*")+')');
   						 $('#resend_sms').css('pointer-events','unset');
   					 },
   					  error: function(e) {
   						//called when there is an error
   						console.log(e.message);
   						console.log("errr");
   						return false;
   					  }
   					 });
   				}
   				else
   				{
   					alert("Something wrong, please try again.");
   				}
   			},
   			  error: function(e) {
   				//called when there is an error
   				console.log(e.message);
   				console.log("errr");
   				return false;
   			  }
   			});
   	});
	
});	
	

</script>

{/literal}