{% extends "site.html" %}

{% block head %}
    {{ block.super }}
{% endblock %}

{% block pagehead %}
    {% include 'pagehead.html' %}
{% endblock %}

{% block content %}
    <h2>Change User Password</h2>
    <div class="well well-small">
        <form class="form-horizontal form-centered" method="post">
            {% csrf_token %}
            {% for error in edit_password_form.non_field_errors %}
                <div class="alert alert-sm-auth alert-error alert-tight-auth">{{ error }}</div>
            {% endfor %}
            <div class="control-group control-group-tight-auth">
                <label class="control-label">User</label>
                <div class="controls controls-text-auth"><strong>{{ edit_user.username }}</strong></div>
            </div>
            <div class="control-group control-group-tight-auth">
                {% for error in edit_password_form.new_password.errors %}
                    <div><div class="alert alert-sm-auth alert-error alert-tight-auth">{{ error }}</div></div>
                {% endfor %}
                <label class="control-label" for="{{ edit_password_form.new_password.id_for_label }}">New Password</label>
                <div class="controls">
                    {{ edit_password_form.new_password }}
                </div>
            </div>
            <div class="control-group control-group-tight-auth">
                {% for error in edit_password_form.new_password_repeat.errors %}
                    <div><div class="alert alert-sm-auth alert-error alert-tight-auth">{{ error }}</div></div>
                {% endfor %}
                <label class="control-label" for="{{ edit_password_form.new_password_repeat.id_for_label }}">Repeat New Password</label>
                <div class="controls">
                    {{ edit_password_form.new_password_repeat }}
                </div>
            </div>
            <div class="control-group control-group-tight-auth">
                <div class="controls">
                    <label class="checkbox">
                        Show Password
                        <input type="checkbox" class="show-password-checkbox-auth" data-inputs="#{{ edit_password_form.new_password.id_for_label }}, #{{ edit_password_form.new_password_repeat.id_for_label }}">
                    </label>
                </div>
            </div>
            <div class="control-group control-group-tight-auth">
                <div class="controls">
                    <a tabindex="-1" class="btn btn-default btn-default-auth" href="{% url 'site:settings-manage-users' %}">Cancel</a>
                    <input class="btn btn-primary btn-primary-auth" type="submit" name="submit" value="Submit">
                </div>
            </div>
        </form>
    </div>
{% endblock %}