{% extends "layout.html" %}
{% block content %}
{% load i18n %}
{% if validlink %}

<div class="row">
	<div class="col-md-12">
	<h1><img src="{{ STATIC_URL }}icons/user-xs.png" alt="Password reset" /> Password reset</h1>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
	<h3>Secured Password reset wizard</h3>

	<p>Please enter your new password twice so we can verify you typed it in correctly.</p>
	</div>
</div>
<div class="row">
	<div class="col-md-3">
		<form action="" method="post">{% csrf_token %}
		{{ form.new_password1.errors }}
		<label for="id_new_password1">New password:</label>
	</div>
	<div class="col-md-3">
		{{ form.new_password1 }}
	</div>
</div>
<div class="row">
	<div class="col-md-3">
		{{ form.new_password2.errors }}
		<label for="id_new_password2">Confirm password:</label>
	</div>
	<div class="col-md-3">	
		{{ form.new_password2 }}
	</div>
</div>
<div class="row">	
	<div class="col-md-3 col-md-offset-3">
		<button type="submit" class="btn btn-onelab">Change my password</button>
	</form>
	</div>
</div>

{% else %}
<div class="row">
	<div class="col-md-12">
	<h1><img src="{{ STATIC_URL }}icons/user-xs.png" alt="Password reset" /> Password reset</h1>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
	<p> The password reset link was invalid, possibly because it has already been used.  Please request a new <a href="/portal/pass_reset/">password reset.</a></p>

	<p>If you still encounter problem please <a href="/portal/contact/">Contact Support</a> for password recovery.</p> 
	</div>
</div>
{% endif %}

{% endblock %}