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

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

{% block content %}

<div class="container-scroller">
  <div class="container-fluid page-body-wrapper full-page-wrapper">
      <div class="content-wrapper auth p-0 theme-two">
          <div class="row d-flex align-items-stretch">
              <div class="col-12 col-md-12 h-100 card">
                  <div class="auto-form-wrapper d-flex align-items-center justify-content-center flex-column">
                      <div class="nav-get-started">
                          <p>Access Account?</p>
                          <a class="btn get-started-btn text-dark" href="{% url 'userdashboard:user_profile' %}">ACCOUNT</a>
                      </div>





<form method=post action="." name=mainform>
<a href='/'>
<img alt="" src="https://res.cloudinary.com/daniela1/image/upload/v1760934619/score_logo_otjbu5.png" style='height: 30px; width: auto;'>
</a>

{% csrf_token %}
<br />
{% if messages %} 
  {% for msg in messages %}
  <div class="alert alert-danger text-center" role="alert">
    {{ msg }}
  </div>
  {% endfor %} 
{% endif %}

<h3 class="mt-3 mr-auto">Welcome</h3>
<p class="mr-auto">Enter your details below.</p>

{% if validlink %}
<div class="form-group">
<div class="input-group">
   <div class="input-group-prepend">
       <span class="input-group-text">
           <i class="fa fa-lock"></i>
       </span>
   </div>
   {% for field in form  %}
   {{ field.help_text }}
 {% endfor %}
</div>
{% 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+="form-control" placeholder="Enter Password*" %} </div>
</div>


<div class="form-group">
  <div class="input-group">
     <div class="input-group-prepend">
         <span class="input-group-text">
             <i class="fa fa-lock"></i>
         </span>
     </div>
     {% 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" placeholder="Confirm Password" %} </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 %}




<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 © Scoretrade Value Limited. 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 %}