{% extends "header.html" %}

{% block body %}
<div class="container-fluid pt-3">
        <div class="container text-center">
                  {% with messages = get_flashed_messages() %}
                        {% if messages %}
                          {% for message in messages %}
                          <div class="alert alert-warning alert-dismissible" role="alert">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                                {{message}}
                          </div>
                          {% endfor %}
                        {% endif %}
                  {% endwith %}
        </div>
</div>
<div class="container p-3" style="height:400px;">
	<div class="row align-items-center p-5">
			<div class="col-md-12 p-5">
			<p class="lead text-left"><Strong>Forgot Password?</strong></p>
			<form class="form-inline" method="post" action="/forgotpwd/" role="form">
  			<div class="form-group  pr-3">
				<label class="pr-3" for="forgotusername">Username:</label>
				<input type="text" class="form-control" id="forgotusername" name="forgotusername" autofocus="autofocus" required>
  			</div>		
  			<div class="form-group  pr-3">
				<label class="pr-3" for="forgotemail">Email Id:</label>
				<input type="text" class="form-control" id="forgotemail" name="forgotemail" required>
  			</div>		
			<button for="submit" type="submit" class="btn btn-primary">Submit</button>
			</form>
			</div>
	</div>
</div>


{% endblock %}