

{% extends "base.html" %}
{% load static %}
{% block style-login %}<link rel="stylesheet" href="{% static 'css/login.css' %}">{% endblock %}
{% block nav-home %}<li><a href="/">Home</a></li>{% endblock %}
          
{% block nav-subjects %}<li><a href="/subjects">My Subjects</a></li>{% endblock %}
{% block nav-search-subjects %}<li><a href="/subjects">Search Subjects</a></li>{% endblock %}
{% block nav-signup %}<li><a href="/signup"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>{%endblock%}
{%block nav-login%}<li class="active"><a href="/login"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>{%endblock%}
{% block body%}



<div class="login-container">
	
	<h2 style="margin-top:50px;text-align: center;">Login</h2>

	<form action="/login" method="post" class="login-form">
	  
		{% csrf_token %}
	  <div class="login-form-container">
	    <label for="uname"><b>Username</b></label>
	    {{form.pid}}

	    <label for="psw"><b>Password</b></label>
	    {{form.password}}
	        
	    <button type="submit" class="login-button">Login</button>
	    {% if invalid_user %}
			<div class="alert">
			  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
			  Invalid User
			</div>
		{% endif %}
	    
	  </div>

	  
	</form>

	</div>


{% endblock %}

