{% extends "app.html" %}
{% block head_lead %}
<title>Snikket Web Portal</title>
{% endblock %}
{% block content %}
<div class="form layout-expanded"><form method="POST">
	<h2 class="form-title">{% trans %}Change your password{% endtrans %}</h2>
	<p class="form-desc weak">{% trans %}To change your password, you need to provide the current password as well as the new one. To reduce the chance of typos, we ask for your new password twice.{% endtrans %}</p>
	{{ form.csrf_token }}
	{% if form.errors %}
	<div class="box alert">
		<header>{% trans %}Password change failed{% endtrans %}</header>
		<ul>
		{% for field, errors in form.errors.items() %}
		{% for error in errors %}
		<li>{{ error }}</li>
		{% endfor %}
		{% endfor %}
		</ul>
	</div>
	{% endif %}
	<div class="f-ebox">
		{{ form.current_password.label(class="required") }}
		{{ form.current_password(class=("has-error" if form.current_password.name in form.errors else "")) }}
	</div>
	<div class="f-ebox">
		{{ form.new_password.label(class="required") }}
		{{ form.new_password }}
	</div>
	<div class="f-ebox">
		{{ form.new_password_confirm.label(class="required") }}
		{{ form.new_password_confirm(class=("has-error" if form.new_password_confirm.name in form.errors else "")) }}
	</div>
	<div class="f-bbox">
		<a href="{{ url_for('user.index') }}" class="button secondary">{% trans %}Back{% endtrans %}</a>
		<button type="submit" class="primary">{% trans %}Change password{% endtrans %}</button>
	</div>
</form></div>
{% endblock %}