{% extends "base.html" %}
{% load i18n fieldset_extras %}

{% block title %}{% trans "Registration"%}{% endblock %}

{% block teaser%}
<h1>{% trans "Registration"%}</h1>
<div id="teaser_text">
{% blocktrans %}After you've provided your account data, you'll receive
      an email asking you to verify your email address. You have to click on the
      link in this verification email to confirm your email address, otherwise
      your can't login.{% endblocktrans %}
</div>
{% endblock %}

{% block maincontent %}
<form method="post" action="{% url 'membership-register' %}">
  {% csrf_token %}
  <fieldset class="grid_5">
    <legend>{% trans "name"%}</legend>
    {% get_fieldset "gender, first_name, last_name, username" from form as form1 %}
    {% with form1 as form %}{% include "form.html" %}{% endwith %}
  </fieldset>

  <fieldset class="grid_7">
    <legend>{% trans "login"%}</legend>
    {% get_fieldset "email, password1, password2, recaptcha" from form as form1 %}
    {% with form1 as form %}{% include "form.html" %}{% endwith %}
  </fieldset>

  <fieldset class="grid_12">
    <legend>{% trans "Membership"%}</legend>
    {% get_fieldset "membership, birthday, street_name, post_code, city, telephone, website" from form as form2 %}
    {% with form2 as form %}{% include "form.html" %}{% endwith %}
  </fieldset>

  <div class="grid_12">
    <p class="buttonbar">
      <button type="reset"><span class="fa fa-undo"></span> {% trans 'reset' %}
      </button>
      <button type="submit"><span class="fa fa-user-plus"></span> {% trans 'register' %}</button>
    </p>
  </div>
</form>
{% endblock %}