{% extends "base.html" %}
{% load static i18n %}
{% load account socialaccount %}
{% load crispy_forms_tags %}
{% url 'account_login' as login_url %}

{% block title %}{% trans "Sign Up" %}{% endblock title %}

{% block on_page_css %}
<link rel="stylesheet" href="{% static 'css/styles/style.css' %}">
{% endblock on_page_css %}

{% block leftbar %}

{% endblock leftbar %}

{% block content %}
<div class="container">
    <div class="row justify-content-left">
        <div class="col-md-6">
            <h1 class="text-center mb-4">
                {% trans "Sign Up" %}
            </h1>
            {% crispy form %}
            <p class="text-center mt-3">
                {% blocktrans %}If you already have an account, then
                    <a href="{{login_url}}"> Log In</a>.
                {% endblocktrans %}
            </p>
        </div>

    </div>
</div>
{% endblock content %}