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

{% block title %} Change 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>Change 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 %}
                            <div class="login-form">
                                    <div class="group">
                                        <label for="user" class="label">Old Password</label>
                                        {% if form.old_password.errors %}
                                        <div class="alert alert-danger text-center" role="alert">
                                            {{ form.old_password.errors}}
                                          </div>
                                        {% endif %}
                                        {% render_field form.old_password placeholder="Old Password*" class="input" %}
                                    </div>
                                    <div class="group">
                                        <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 placeholder="New Password*" class="input" %}
                                    </div>
                                    <div class="group">
                                        <label for="pass" class="label">Confirm New Password</label>
                                        {% if form.new_password2.errors %}
                                        <div class="alert alert-danger" role="alert">
                                            {{ form.new_password2.errors}}
                                          </div>
                                        {% endif %}
                                        {% render_field form.new_password2 placeholder="Confirm New Password*" class="form-control" %}
                                    </div>
                                    <div class="group">
    
</div>
                                    <div class="group">
                                        <input type="submit" class="button" value="Submit">
                                    </div>
                                    <div class="hr"></div>
                                    <div class="foot-lnk">
                                        <a href="{% url 'password_reset' %}">Forgot Password?</a>
                                    </div>
                                </div>
                               
                            </div>
                        </div>
                    </div>

</form>


                </div>
                
            </div>
        </div>
    </section>
{% endblock content %}