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

{% block main_content %}
    <div class="login-register-div">
        <div class="login-register-box">
            <h1>{{ site_name }}</h1>
            <form action="{% url form_action %}" method="post">
                {% csrf_token %}
                <div class="form-group">
                    {{ form.email }}
                </div>
                <div class="form-group">
                    {{ form.password1 }}
                </div>
                <div class="form-group">
                    {{ form.password2 }}
                </div>
                <div class="button-container">
                    <button type="submit" class="register-button">Register</button>
                </div>
            </form>
        </div>
        <div class="second-option">
            <p>Have an account? <a href="{% url 'login user' %}">Log in</a>.</p>
        </div>
    </div>
{% endblock %}