{% extends 'base.html' %}

{% block content %}
<div class="form-container" style="max-width: 600px;">
    <h2>Register</h2>
    <form method="post">
        {% csrf_token %}
        <h3>Account Information</h3>
        {{ form.as_p }}
        
        <hr>
        <h3>Participant Information</h3>
        {{ p_form.as_p }}
        
        <input type="submit" value="Register">
    </form>
    <p>Already have an account? <a href="{% url 'login' %}">Login here</a></p>
</div>
{% endblock %}