{% extends "base.html" %}

{% block content %}
<h1> Register Here! </h1>
<form method="POST">
    <div class="container">
        {{ form.hidden_tag() }}

        <div class="row">
        {{ form.email(placeholder="Email") }}
        </div>
        <br />
        <div class="row">
        {{ form.passwd_1(placeholder="Password") }}
        </div>
        <br />
        <div class="row">
        {{ form.passwd_2(placeholder="Confirm Password") }}
        </div>
        <br />
        <div class="row">
        {{ form.firstname(placeholder="First Name") }}
        </div>
        <br />
        <div class="row">
        {{ form.lastname(placeholder="Last Name") }}
        </div>
        <br />
        <div class="row">
        {{ form.age(placeholder="Age", min="18", max="99") }}
        </div>
        <br />
        {% for subfield in form.gender %}
                <div class="row">
                    <p>{{ subfield.label }}</p>
                    {{ subfield }}
                </div>
        {% endfor %}
        <br />

        {{ form.submit(class="btn btn-primary") }}
    </div>

</form>
{% endblock %}