{% extends "base_short.html" %}
{% load staticfiles bootstrap3 %}


{% block content %}

<style>
.auth-footer { 
	color: black;
}
a:link { color: #000000 } 
</style>
<div class="auth_container">
   <div class="auth_bg"></div>
   <div class="auth_center">
	<div class="auth_content">
	    <div class="auth-box">
		<h2 class="section-heading allcaps"> Login </h2>
		{% include 'includes/_messages.html' %}
		<form action={% url 'index' %} method="post" class="form" nonvalidated>
			{% csrf_token %}
			<div class="text-center">
				<div class="form-group"><label class="sr-only control-label" for="username">Username</label><input class="form-control" type="text" name="username" id="username" placeholder="Username"></div>
				<div class="form-group"><label class="sr-only control-label" for="password">Password</label><input class="form-control" type="password" name="password" id="password" placeholder="Password"></div>
			   <br><br>
			   <button type="submit" class="btn choice-btn"> Log in </button>
			</div>
		</form>
		<div class="auth-footer">
		   <div>
		       Don't have an account yet?&nbsp;
		       <a href={% url 'register' %}> Sign up </a>
		   </div>
		   <div>
		       or <a href={% url 'reset_password' %}> Reset your password </a>
		   </div>
		</div>
	     </div>
	 </div>
   </div>
</div>

{% endblock %}


