{% extends 'base.html' %}
{% load static %}
{% load humanize %}
{% load widget_tweaks %}
{% load embed_video_tags %}

{% block title %} Reset Password {% endblock title %}

{% block content %}
<section class="page-title centred" style="background-image: url(../../../static/media.istockphoto.com/id/1337321164/photo/istockphoto-1337321164-612x6125b29.jpg?s=612x612&amp;w=0&amp;k=20&amp;c=_1Ui7qwtufwzsRtv6xmfZh7C1nIsLtgGgrMurdTkf9A=);">
  <div class="auto-container">
      <div class="content-box clearfix">
          <h1>Login</h1>
          <ul class="bread-crumb clearfix">
              <li><a href="{% url 'zeeprimeapp:home' %}">Home</a></li>
              <li>Reset Password</li>
             
          </ul>
      </div>
  </div>
</section>
  <!--End Page Title-->


  <section class="service-details" style="background:hsl(224, 31%, 57%);">
      <div class="auto-container">
          <div class="row clearfix">
              <div class="col-lg-12 col-md-12 col-sm-12 content-side">
                 



                  <div class="login-wrap">
                      <div class="login-html">
                          <input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">Sign In</label>
                        
<form method=post name=mainform action=".">
<input type=hidden name=a value='do_login'>
<input type=hidden name=follow value=''>
<input type=hidden name=follow_id value=''>
{% csrf_token %}
<br />
{% if messages %} 
  {% for msg in messages %}
  <div class="alert alert-danger text-center" role="alert">
    {{ msg }}
  </div>
  {% endfor %} 
{% endif %}

{% if validlink %}
                          <div class="login-form">
                            {% for field in form  %}
                            {{ field.help_text }}
                          {% endfor %}
                                  <div class="group">
                                      <label for="user" class="label">Enter Password</label>
                                      {% if form.new_password1.errors %}
<div class="alert alert-danger">{{ form.new_password1.errors }}</div>
{% endif %}
{{ form.new_password1.label_tag }}
{% render_field form.new_password1 class+="input" placeholder="Enter Password*" %}
                                  </div>
                                  <div class="group">
                                      <label for="pass" class="label">Confirm Password</label>
                                      {% if form.new_password2.errors %}
                                      <div class="alert alert-danger">{{ form.new_password2.errors }}</div>
                                      {% endif %}
                                      {{ form.new_password2.label_tag }}
                                      {% render_field form.new_password2 class+="input" placeholder="Confirm Password" %}
                                  </div>
                                  <div class="group">
  
</div>
                                  <div class="group">
                                      <input type="submit" class="button" value="Submit">
                                  </div>
                                  <div class="hr"></div>
                              </div>
                             
                          </div>
                      </div>
                  </div>
                  {% else %}
                  <p><span class="text-danger">The Password reset link is invalid, possibly because it has been used. Please request for 
                    a new password reset link
                      <div class="registration">
                        <a class="btn btn-block btn-primary" href="/account/password_reset/"> REQUEST A NEW LINK</a>
                      </div>
                    </p>
                    <hr />
                    <div class="registration">
                      <a class="btn btn-block btn-danger" href="{% url 'userdashboard:login' %}"> GO BACK TO LOGIN</a>
                    </div>
                  {% endif %}

</form>


              </div>
              
          </div>
      </div>
  </section>






















<p class='text-warning'><a href="{% url 'password_reset' %}">Forgot Password?</a></p>
<div class="form-group">
<button type="submit" name="login" class="btn btn-block myBtn-custom">SAVE <i class="fa fa-sign-in"></i></button>
</div> 

<div class="wrapper mt-2 text-gray">
<p class="footer-text">Copyright © 2022 Zafirargroup. All rights reserved.</p>
<ul class="auth-footer text-gray">
   <li>
       <a href="{% url 'zeeprimeapp:about_us' %}">About Us</a>
   </li>
   <li>
       <a href="{% url 'zeeprimeapp:policies' %}">Terms & Conditions</a>
   </li>
</ul>
</div>
<br>
<div id="google_translate_element"></div>
</form> 
</div>
</div>
</div>
</div>
<!-- content-wrapper ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
{% endblock content %}