{% extends 'base.html' %}

{% block body %}
<form action="{{ url_for(".self_forgot_password") }}" method="POST">
<div class="row mt-2 justify-content-center">
	<div class="col-lg-6 col-md-10" style="background: #f7f7f7; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); padding: 30px;">
		<div class="text-center">
			<img src="{{ url_for("static", filename="chaosknoten.png") }}" class="col-lg-8 col-md-12" >
		</div>
		<div class="col-12">
			<h2 class="text-center">Forgot password</h2>
		</div>
		<div class="form-group col-12">
			<label for="user-loginname">login name</label>
			<input type="text" class="form-control" id="user-loginname" name="loginname" required="required" tabindex = "1">
		</div>
		<div class="form-group col-12">
			<label for="user-mail">mail address</label>
			<input type="text" class="form-control" id="user-mail" name="mail" required="required" tabindex = "2">
		</div>
		<div class="form-group col-12">
			<button type="submit" class="btn btn-primary btn-block" tabindex = "3">Send password reset mail</button>
		</div>
	</div>
</div>
</form>
{% endblock %}