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

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

{% block extrahead %}
    <link rel="stylesheet" href="{% static 'css/login.css' %}">
{% 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 %}
            {{ form.as_p }}
            <!--
                    <span><input class="login-input" type="text" name="login" value="" placeholder="Username or Email"></span>
                    <span><input class="login-input" type="password" name="password" value="" placeholder="Password"></span>
                    -->
            <div class="spaced">
                <span class="remember_me">
                    <label><input type="checkbox" name="remember_me" id="remember_me">Remember me</label>
                </span>
                <span class="submit"><input type="submit" name="commit" value="Login"></span>
            </div>
        </form>
        <p>Forgot your password? <a href="#">Click here to reset</a>.</p>
    </div>
</section>

{% endblock %}