{% extends "base.html" %}
{% load widget_tweaks %}
{% load url from future %}

{% block title %}Change Password{% endblock %}

{% block content %}

<div class="col-sm-10 col-sm-offset-1">
    <h3>Change Password</h3>
    {% if form.errors or supplement_form.errors %}
    	<div class="alert alert-danger">
    		Please correct the error(s) below.
    		{{form.errors}}
    		{{supplement_form.errors}}
    	</div>
    {% endif %}
	<p>Please enter your old password, for security's sake, and then enter your new password twice so we can verify you typed it in correctly.</p>

	<div class="col-sm-8 col-sm-offset-2">
        <form action="" method="post" class="form-horizontal" role="form">{% csrf_token %}
            	{% for field in form %}
            	<div class="form-group">
            		<label for="{{ field.id_for_label }}" class="control-label col-sm-4">{{ field.label }}</label>
            		<div class="controls col-sm-8">
            			{% render_field field class+="form-control" placeholder=field.label %}
            		</div>
            	</div>
            {% endfor %}
            <p><input type="submit" value="Change Password" class="btn btn-primary pull-right"></p>
        </form>
    </div>
{% endblock %}