{% extends 'pages/base.html' %}
{% load static %}

{% block title %}PyHub - Login{% endblock %}

{% block extrahead %}
    <link rel="stylesheet" href="{% static 'css/login.css' %}">
    <script type="text/javascript" src="{% static 'js/login.js' %}"></script> 
{% endblock %}

{% block content %}

<section class="login-section">
    <div class="login-section-content shade">
        <h1 class="brand">&lt;PyHub Login&gt;</h1>
        <form class="login-form" method="post" action="">
            {% csrf_token %}
            {% if form.errors %}
                <div class="login-error">Username or Password not correct!</div>
            {% endif %}
            <p>Username: {{ form.username }}</p>
            <p>Password: {{ form.password }}</p>
            
            <div class="spaced">
                <span class="remember_me">
                    <input type="checkbox" name="remember_me" id="remember_me"><label for="remember_me">Remember me</label>
                </span>
                <span class="submit"><input type="submit" name="commit" value="Login" onclick="lsRememberMe()"></span>
            </div>
        </form>
        <p>Forgot your password? <a href="#">Click here</a>.</p>
    </div>
</section>



{% endblock %}