{% extends 'base.html' %}

{% import 'bootstrap/wtf.html' as wtf %}

{% set title = 'Membership' %}

{% block content %}
  <div class="col-md-12">
    <h2>Register as member</h2>
    <form method="post" class="form form-horizontal" role="form">
      {{ form.hidden_tag() }}
      {{ wtf.form_field(form.username, form_type='horizontal') }}
      {{ wtf.form_field(form.email, form_type='horizontal') }}
      {{ wtf.form_field(form.fullname, form_type='horizontal') }}
      {{ wtf.form_field(form.street, form_type='horizontal') }}
      {{ wtf.form_field(form.city, form_type='horizontal') }}
      {{ wtf.form_field(form.zip, form_type='horizontal') }}
      {{ wtf.form_field(form.country, form_type='horizontal') }}
      {{ wtf.form_field(form.gpg, form_type='horizontal') }}
      <div class="form-group {% if form.membership.errors %} has-error {% endif %} required">
        {{ form.membership.label(class_='control-label col-lg-2') }}
        <div class="col-lg-10">
        {% for field in form.membership %}
          <div class="radio">
            {{ field() }}
            <div class="btn-group">
              <label class="btn btn-success" for="{{ field.id }}">
                <span class="glyphicon glyphicon-plus"></span>
                <span class="glyphicon glyphicon-minus"></span>
              </label>
              <label class="btn btn-default" for="{{ field.id }}">
                {{ field.label.text }}
              </label>
            </div> 
          </div>
        {% endfor %}
        </div>
        {% if form.membership.errors %}
          <div class="col-lg-offset-2 col-lg-10">
            {% for error in form.membership.errors %}
              <p class="help-block">{{ error }}</p>
            {% endfor %}
          </div>
        {% endif %}
      </div>
      <div class="form-group">
        <label class="control-label col-lg-2">Double membership</label>
        <div class="col-lg-10">
          {{ form.c3l() }}
          <div class="btn-group">
            <label class="btn btn-success" for="c3l">
              <span class="glyphicon glyphicon-plus"></span>
              <span class="glyphicon glyphicon-minus"></span>
            </label>
            <label class="btn btn-default" for="c3l">
              {{ form.c3l.label.text|safe }}
            </label>
          </div>
        </div>
      </div>
      <div class="form-group">
        <div class="col-lg-offset-2 col-lg-10">
        {{ form.submit(class_='btn btn-primary') }}
        </div>
      </div>
    </div>
    </form>
    <p>Field marked with * are required!</p>
    <p><sup>1</sup>: If you have decided to apply for the <i>double membership</i>, the membership fees are 150€/year for the regular
    membership and 70€/year for the student membership.</p>
  </div>
{% endblock %}