<?php /* Template Name: Forgot Password Page */
get_header(); ?>
<section class="forgot-password">
    <div class="container custom-container">
        <div class="forgot-inner">
             <div class="left-content">
                     <div class="login-title">
                    Welcome to Security<br> Equipment Depot
                </div>
                <div class="login-content">
                    Join Security Equipment Depot for secure access to premium equipment and services
                </div>
                <div class="forgot-pass-text">Forgot Password</div>
            </div>
            <div class="form-sec">
                 <form class="login-form" id="forgot-password-form" data-parsley-validate>
            <div class="form-group">
                <label for="email" class="form-label">Email Address <span class="star">*</span></label>
                <span class="form-icon">
                <img src="<?php echo get_template_directory_uri(); ?>/img/email-img.svg" alt="email" />
                </span>
                <input class="form-control" type="email" autocomplete="off" value="" name="email" id="user_email" required data-parsley-type="email" maxlength="50" data-parsley-trigger="change" data-parsley-required-message="Email is required." 
                                        data-parsley-type-message="Enter a valid email address." placeholder="Enter your email address">
            </div>
          

         
            <div class="two-btn">
              <a href="<?= site_url('login') ?>" class="btn btn-login mt-3">Back To Login</a>
              <button type="submit" class="btn btn-login mt-3" id="forget_id">Forgot Password</button>
            </div>
        
            </form>
            </div>
        </div>
    </div>
</section>

<footer class="footer footer-login">
  <div class="container custom-container">
    <div class="row footer-col">
      <div class="f-col-left">
        <div class="footer-logo">
          <a href="<?=site_url();?>"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.svg" alt="Logo"></a>
        </div>
       
      </div>

      <div class="f-col-rt">
        <div class="list-items">
            <ul class="list">
            <li>
                <a href="">Terms and Conditions</a>
            </li>
             <li>
                <a href="">Privacy Policy</a>
            </li>
             <li>
                &copy; <script>document.write(new Date().getFullYear());</script> Security Equipment Depot | Built by <a href="https://kornerstonemedia.com" target="_blank"><strong>Kornerstone Media</strong></a>
            </li>
        </ul>
        <div class="follow-sec">
        <span class="follow-txt">Follow Us</span>
         <a href="#"  class="icon"><img src="<?php echo get_template_directory_uri(); ?>/img/google-1.svg" alt="google"></a>
          <a href="#" class="icon"><img src="<?php echo get_template_directory_uri(); ?>/img/youtube1.svg" alt="google"></a>
          <a href="#" class="icon"><img src="<?php echo get_template_directory_uri(); ?>/img/insta1.svg" alt="google"></a>
          <a href="#" class="icon"><img src="<?php echo get_template_directory_uri(); ?>/img/fb-1.svg" alt="google"></a>
          <a href="#" class="icon"><img src="<?php echo get_template_directory_uri(); ?>/img/linkedin-1.svg" alt="google"></a>
          <a href="#" class="icon"><img src="<?php echo get_template_directory_uri(); ?>/img/twitter-1.svg" alt="google"></a>
        </div>
        </div>
      
      </div>
  </div>
</footer>
<?php wp_footer(); ?>
</body>
</html>