{% extends 'layout.html' %}
{% block content %}

<div class="columns">
<div class="column">
    <h2 class="title">About {{ site_settings.name }}</h2>
    <p class="block">
        {{ site_settings.instance_description }}
    </p>

    <p class="block">
        <a href="/about/">More about this site</a>
    </p>

    <p class="block">
        <a href="/register" class="button is-link">Create an Account</a>
    </p>
</div>

<div class="column">
    <h2 class="title">Log in</h2>

    <div class="block">
        <form name="login" method="post" action="/user-login">
            {% csrf_token %}
            <div class="field">
                <label class="label" for="id_username">Username:</label>
                <div class="control">{{ login_form.username }}</div>
            </div>
            <div class="field">
                <label class="label" for="id_password">Password:</label>
                <div class="control">{{ login_form.password }}</div>
            </div>
            <div class="field is-grouped">
                <div class="control">
                    <button class="button is-primary" type="submit">Log in</button>
                </div>
                <div class="control">
                    <small><a href="/reset-password">Forgot your password?</a></small>
                </div>
            </div>
        </form>
    </div>
</div>

</div>
{% endblock %}