templates/ForgotPassword/forgot-password-email.html.twig line 1

Open in your IDE?
  1. {% extends "layout/layout.html.twig" %}
  3. {% block title %}GFS::Forgot Password Email
  4. {% endblock %}
  6. {% block content %}
  7.     <!--Start Forgot Password Email-->
  8.     <section class="sign-up-page-section">
  10.         <div class="row">
  11.             <div class="media-section forgotpass-media-section col-md-12 col-lg-12 col-xl-7 col-sm-12">
  12.                 <div class="overlay"></div>
  13.                 <img src="/static/assets/images/login.jpg" class="img-fluid w-100" alt="login">
  14.             </div>
  16.             <div class="start-training-info sign-up-page-form login-page-form forget-pass-form col-xl-5">
  17.                 <h1 class="h2 text-center mb-4">{{'Forgot Password?'|trans}}</h1>
  19.                 <form action="/{{app.request.locale}}/resetone" id="resetone" method="post">
  20.                     <ul class="nav nav-pills nav-fill mt-3 d-none">
  21.                         <li class="nav-item login-btn">
  22.                             <a class="nav-link btn btn-custom btn-primary" href="#">{{'LOGIN'|trans}}</a>
  23.                         </li>
  24.                         <li class="nav-item signup-btn">
  25.                             <a class="nav-link btn btn-custom btn-white" href="#">{{'Sign up'|trans}}</a>
  26.                         </li>
  27.                     </ul>
  28.                     <div class="form-group">
  29.                         <input type="email" class="form-control" name="email" id="email" placeholder="{{'Enter Your Email Address'|trans}}" required>
  30.                     </div>
  32.                     <div class="form-group forget-text d-none">
  33.                         <a class="" href="#">{{'Forgot Password?'|trans}}</a>
  34.                     </div>
  36.                     <div class="alert alert-success" id="success-alertt">
  37.                         <button class="close" data-dismiss="alert" type="button"></button>{{'The reset password link has been sent to your email address.'|trans}}</div>
  38.                     <div class="alert alert-warning" id="failed-alertt">
  39.                         <button class="close" data-dismiss="alert" type="button"></button>
  40.                         {{'Oops, This email is not registered.'|trans}}</div>
  42.                     <button type="submit" class="btn btn-custom btn-primary btn-primary-submit btn-block">
  43.                         <svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 25.02 29.098" class="d-none">
  44.                             <g id="Group_188" data-name="Group 188" transform="translate(1.5 1.5)">
  45.                                 <path id="Path_304" data-name="Path 304" d="M-1488.4-9182h15.749v26.1H-1488.4" transform="translate(1494.671 9182)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
  46.                                 <g id="Icon_feather-arrow-right" data-name="Icon feather-arrow-right" transform="translate(0 6.679)">
  47.                                     <path id="Path_305" data-name="Path 305" d="M7.5,18H20.08" transform="translate(-7.5 -11.71)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
  48.                                     <path id="Path_306" data-name="Path 306" d="M18,7.5l6.29,6.29L18,20.08" transform="translate(-11.71 -7.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
  49.                                 </g>
  50.                             </g>
  51.                         </svg>
  52.                         {{'Forgot Password'|trans}}
  53.                     </button>
  54.                     <p class="d-none">{{"Don't have an account?"|trans}}
  55.                         <br>
  56.                         <a href="signup.html">
  57.                             {{'Sign Up Now'|trans}}</a>
  58.                     </p>
  59.                     <p class="or-text d-none">{{'Or'|trans}}</p>
  60.                     <div class="form-row d-none">
  61.                         <div class="form-group col-md-12 mb-3">
  62.                             <div class="btn-group btn-group-lg w-100" role="group" aria-label="Basic example">
  63.                                 <button type="button" class="btn btn-secondary facebook-login-btn col-2">
  64.                                     <i class="fab fa-facebook-f"></i>
  65.                                 </button>
  66.                                 <button type="button" class="btn btn-secondary facebook-login-btn col-10">{{'Login with Facebook'|trans}}</button>
  67.                             </div>
  68.                         </div>
  69.                     </div>
  70.                     <div class="form-row d-none">
  71.                         <div class="form-group col-md-12">
  72.                             <div class="btn-group btn-group-lg w-100" role="group" aria-label="Basic example">
  73.                                 <button type="button" class="btn btn-secondary google-login-btn col-2">
  74.                                     <i class="fab fa-google"></i>
  75.                                 </button>
  76.                                 <button type="button" class="btn btn-secondary google-login-btn col-10">{{'Login with Google'|trans}}</button>
  77.                             </div>
  78.                         </div>
  79.                     </div>
  80.                 </form>
  81.             </div>
  82.         </div>
  84.     </section>
  85.     <!--End Forgot Password Email-->
  87.     <script type="text/javascript">
  88.         $(document).ready(function () {
  91. $("#resetone").submit(function (event) {
  92. event.preventDefault();
  93. var post_url = $(this).attr("action"); // get form action url
  94. var request_method = $(this).attr("method"); // get form GET/POST method
  95. form_data = new FormData(this);
  96. // Creates new FormData object
  97. // form_data.append('captcha', grecaptcha.getResponse());
  98. $.ajax({
  99. url: post_url,
  100. type: request_method,
  101. data: form_data,
  102. contentType: false,
  103. cache: false,
  104. processData: false,
  105. success: function (response) {
  106. if (response.success) {
  107. console.log(response);
  108. document.getElementById('resetone').reset();
  109. $("#success-alertt").fadeTo(5000, 500).slideUp(500, function () {
  110. $("#success-alertt").slideUp(500);
  111. });
  112. // window.location.href = "userlogin";
  113. } else {
  114. $("#failed-alertt").fadeTo(5000, 500).slideUp(500, function () {
  115. $("#failed-alertt").slideUp(500);
  116. });
  117. }
  118. }
  119. })
  120. });
  123. });
  124.     </script>
  125. {% endblock %}