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

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

{% block content %}

<br><br><br><br><br>
<!-- Start About Area -->
{% if validlink %}
<section class="about-area ptb-100 bg-f8f8f8" style="background: transparent;">
    <div class="container">
<div class="log-reg">
<div class="row">

<form method=post action="." name=mainform>

<div class="mb-3 form-form">
<h3 class="text-center" style="color: #eee;">Reset Password</h3>
</div>
{% csrf_token %}
<br />
{% if messages %} 
  {% for msg in messages %}
  <div class="alert alert-danger text-center" role="alert">
    {{ msg }}
  </div>
  {% endfor %} 
{% endif %}


<div class="mb-3 form-form">
    <label for="pass" class="label">Enter New Password</label>
    {% if form.new_password1.errors %}
    <div class="alert alert-danger" role="alert">
        {{ form.new_password1.errors}}
      </div>
    {% endif %}
    {% render_field form.new_password1 class="form-control" size=30 autofocus="autofocus" %}
</div>


<div class="mb-3 form-form">
  <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="form-control" size=30 autofocus="autofocus" %}
</div>



<input type=submit value="Submit" class="default-btn">

</form>

<p class="text-center mt-5">
or <a href="{% url 'password_reset' %}" style="color: #eee;">remember your login information</a>.</p>
<p class="text-center">Not registered ? <a href="{% url 'userdashboard:register' %}" style="color: #eee;">Create an account</a></p>
</div>
</div>
    </div>
</section>



                 
                  {% 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 %}

              </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 %}