{% include 'header.twig' %}
<main id="notLogin">
    <div id="resetPassword" class="mt-5">
  <div class="container mt-5">
    <div class="row">
        <div class="col-md-6 col-sm-12">
          <div class="highlight-lside">
            <div class="hlight-box">
               <div class="row align-items-center">
                  <div class="col-md-3">
                     <i class="fal fa-phone-laptop icon"></i>
                  </div>
                  <div class="col-md-9">
                     <div>
                        <h4 class="hlight-first">Device Compatibility</h4>
                        <p class="hlight-second">Our site is fully compatible with all desktop and mobile devices you are using.</p>
                     </div>
                  </div>
               </div>
            </div>
            <div class="hlight-box">
               <div class="row align-items-center">
                  <div class="col-md-3">
                     <i class="fal fa-credit-card icon"></i>
                  </div>
                  <div class="col-md-9">
                     <div>
                        <h4 class="hlight-first">Secure Payment</h4>
                        <p class="hlight-second">Thanks to the secure payment activation on our site, you can pay by credit card or money order.</p>
                     </div>
                  </div>
               </div>
            </div>
            <div class="hlight-box">
               <div class="row align-items-center">
                  <div class="col-md-3">
                     <i class="fal fa-smile icon"></i>
                  </div>
                  <div class="col-md-9">
                     <div>
                        <h4 class="hlight-first">Quality Service</h4>
                        <p class="hlight-second">We are always working to increase the satisfaction rate by providing cheap and quality services.</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
        </div>
        <div class="col-md-6 col-sm-12">
            <div class="reset_Card">
                <div class="card card_v2">
                    <div class="card-body p-4">
                      <div id="def_side_title" class="mb-5">
                          <div class="icon">
                            <i class="fas fa-lock"></i>
                          </div>
                          <div class="name">
                            Reset your password
                          </div>
                      </div>
                      
                        {% if errorText %}
        <div class="alert alert-dismissible alert-danger">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ errorText }}
        </div>
      {% endif %}
      {% if successText %}
        <div class="alert alert-dismissible alert-success">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ successText }}
        </div>
      {% endif %}
                        <form method="post" action="">
                                                        

                            <div class="form-group mb-3">
                              <label for="email" class="control-label mb-2">
                                <span class="icon">
                                  <i class="fas fa-envelope"></i>
                                </span> 
                                <span class="name">
                                  E-mail
                                </span>
                              </label>
                              <input type="email" class="form-control" name="user" value="{{ data['user'] }}" placeholder="yourmail@gmail.com" required="">
                            </div>
                              {% if captcha %}
                                <div class="form-group">
                                  <div class="g-recaptcha" data-sitekey="{{ captchaKey }}"></div>
                                </div>
                              {% endif %}
                            <button type="submit" class="btn btn-primary d-block w-100 btn_noAuth">Send</button>
                            {#<input type="hidden" name="_csrf" value="LmsBMOXxjE_3JlA7Syf_qNOPmbiKtqig_rKnAweM570YGHhhioW-KqZuE2gyZsjll-mpgPzV9_-v5utVT-KMxQ==">#}
                          </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>


  <script src="https://www.google.com/recaptcha/api.js?hl=en"></script>

  </main>
{% include 'footer.twig' %}