{% extends "base_short.html" %}
{% load i18n staticfiles bootstrap3 %}

{% block title %}
    <title> Changing the password for {{user}} </title>
{% endblock %}



{% block content %}
    <div class="auth-container">
        <div class="auth-bg"></div>
        <div class="auth-center">
            <div class="auth-content">
                <div class="auth-box">
                    <h1 class="section-heading allcaps">{% trans " Password change " %}</h1>
                    <form action="{% url 'change_password' %}" method="post" class="form" novalidated>
                        {% csrf_token %}
                        <br>
                        <div class="form-group">
                            <label class="sr-only control-label" for="password1">oldpassword</label>
                            <input type="password" name="oldpassword" class="form-control" placeholder="Type your current password" title="" required="" id="oldpassword">
                        </div>
                        <hr>
                        <div class="form-group">
                            <label class="sr-only control-label" for="password1">password1</label>
                            <input type="password" name="password1" class="form-control" placeholder="New Password (at least 8 characters):" title="" required="" id="password1">
                        </div>
                        <div class="form-group">
                            <label class="sr-only control-label" for="password2">password2</label>
                            <input type="password" name="password2" class="form-control" placeholder="Please confirm your new Password:" title="" required="" id="password2">
                        </div>
                        <hr>
                        <div class="text-center">
                            <button type="submit" class="btn choice-btn btn-block">
                                {% trans "Change Password" %}
                            </button>
                            <hr>
                            <a class="btn choice-btn btn-block" href="{% url 'index' %}" role="button">Back to Index</a><br>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
