<?php
/**
 * Template Name: Forget Password
**/

get_header(); ?>

<?php include('inner-banner.php'); ?>
<?php include ('includes/breadcrumb.php');?>
<div class="fpwd-page">
  <section class="about-sec">
    <div class="container">
      <div class="head-top hd-center">
        <h1> <?php the_title(); ?> </h1>
      </div>
    </div>  
  </section>

  <section class="fpwd-wrap">
    <div class="container">
        <p class="register-msg"></p>
        <form action="javascript:void(0)" method="POST" name="reset_password" id="reset_password" class="form-wrap">
            <div class="forgot_pwd_cont">
              <div class="input-holder">
                 <input type="text" name="reset_user_email_" autocomplete="off" id="reset_user_email_" class="required fgt_pwd" title="User Name/Email" placeholder="User Name or Email">
              </div>
               <a id="btn-reset-password" class="btn reset_pwd" href="<?php bloginfo('wpurl')?>">Reset Password</a>
              <div id="wait-reset-password" class="wait-reset-password loader-cap" style="display:none"><div class="pls-wait-img-contact plz cf">
                  <img src="<?php bloginfo("stylesheet_directory"); ?>/img/wait.gif" align="right" border="0" class="loader-img" style="margin-left:5px;"></div><div class="pls-wait-text-contact">Please&nbsp;wait...</div></div>
            </div>
        </form><!-- End of .form-wrap -->
  </div>
</section><!-- End of .register-wrap -->

</div>

<script type="text/javascript">
  
   jQuery('#btn-reset-password').click(function(e){

    jQuery('#btn-reset-password').hide();
    jQuery('.wait-reset-password').show();
    var $formId = jQuery(this).parents('form');

    var formAction = $formId.attr('action');

    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

    var phoneReg = /^\(?(\d{3})\)?[- ]?(\d{3})[- ]?(\d{4})$/;

     var urlReg = /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a-fA-f\d]{2,2})+)?@)?([\d\w][-\d\w]{0,253}[\d\w]\.)+[\w]{2,4}(:[\d]+)?(\/([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)*(\?(&?([-+_~.\d\w]|%[a-fA-f\d]{2,2})=?)*)?(#([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)?$/;

    var $error = jQuery('<span class="error"></span>');

    jQuery('span.error').remove();

    jQuery('.input-holder').removeClass('error');

    jQuery('#msghome1').hide();

    jQuery('#msghome1').removeClass('newerror');

    jQuery("#msghome1").html("");

    jQuery('.required',$formId).each(function(){

      var inputVal = jQuery.trim(jQuery(this).val());

      var fieldtitle = jQuery(this).attr("title");

      var fieldname=jQuery(this).attr("name");

      var $parentTag = jQuery(this).parent();
      

      if(inputVal == '' || inputVal=='-1'){

        $parentTag.addClass('error').append($error.clone().text('Please enter your '+fieldtitle+'.'));

        jQuery(this).focus();

        jQuery('#btn-reset-password').show();

        jQuery('.wait-reset-password').hide();

        return false;

      }


      if(jQuery(this).hasClass('email') == true){

        if(!emailReg.test(inputVal)){

          $parentTag.addClass('error').append($error.clone().text('Sorry, you have entered an invalid Email Address.'));

          jQuery(this).focus();

           jQuery('#btn-reset-password').show();

                 jQuery('.wait-reset-password').hide();

          return false;

        }

      } 

      
    });

    if (jQuery('span.error').length > 0) {

      jQuery('span.error').each(function(){
        // Set the distance for the error animation
        var distance = 5;

        // Get the error dimensions
        var width = jQuery(this).outerWidth();

        // Calculate starting position
        var start = width + distance;

        // Set the initial CSS
        jQuery(this).show().css({

          display: 'block',

          opacity: 0

        })

        // Animate the error message

        .animate({

          opacity: 1

        }, 'slow');

        

      });

      
    }else {
        var reset_user_email = document.getElementById("reset_user_email_").value;
        alert(reset_user_email);

              var action="reset";
              jQuery.ajax({
              type: "POST",
              url: "<?php echo get_stylesheet_directory_uri(); ?>/user_login.php",
              data:{reset_user_email:reset_user_email,action:action},
              cache: false,
              success: function(data){
               data = data.trim();
                if(data=="1"){ 
                  jQuery(".register-msg").text("Please check your email for new password!");
                  jQuery('#btn-reset-password').show();
                  jQuery('.wait-reset-password').hide();
                  document.getElementById("reset_user_email_").value="";
                  jQuery('#regitered').modal('show');
                 // window.location.href="<?php echo get_site_url(); ?>/login";
                }else{
                 
                  var $parentTag = jQuery(document.getElementById("reset_user_email_")).parent();
                  $parentTag.addClass('error').append($error.clone().text(data));

                  jQuery(document.getElementById("reset_user_email_")).focus();

                  jQuery('#btn-reset-password').show();

                  jQuery('.wait-reset-password').hide();


                }
              }
              });

        

       


    }

    // Prevent form submission

      e.preventDefault();

  });

  // Fade out error message when input field gains focus

  jQuery('.required').keypress(function(){

    var $parent = jQuery(this).parent();

    $parent.removeClass('error');

    jQuery('span.error',$parent).fadeOut();

  });

//--------------------------------- Captcha Validation -------------------//

  </script>      
<?php
get_footer();