{{ form.fullname(required=True, class="pure-input-1 field-error" if form.fullname.errors else "pure-input-1") }}

              </div>

            </div>

            <div class="pure-g">

              <div class="pure-u-1-1">

                <b>{{ form.membership.label }}</b>

                {% for option in form.membership %}

                  <label for="{{ option.id }}" class="pure-radio pure-u-1-1">

                    {{ option() }} {{ option.label.text }}

                  </label>

                {% endfor %}

                <div class="pure-g">

                  <div class="pure-u-1-1">

                    <label for="{{ form.student.id }}" class="pure-checkbox">

                      {{ form.student }} {{ form.student.label.text|safe}}

                    </label>

                  </div>

                </div>

                <div class="pure-g">

                  <div class="pure-u-1-1">

                    <label for="{{ form.starving.id }}" class="pure-checkbox">

                      {{ form.starving }} {{ form.starving.label.text|safe}}

                    </label>

                  </div>

                </div>

                <h3>{% trans %}What's difference between the different membership options?{% endtrans %}</h3>

                <p>{% trans %}All the options include to following benefits:{% endtrans %}</p>

                <ul>

                  <li>{% trans %}Access to the <a href="https://wiki.c3l.lu/doku.php?id=organization:membership#benefits">services</a> run by us{% endtrans %}</li>

                  <li>{% trans %}Access to our <a href="https://wiki.c3l.lu/doku.php?id=chaosstuff:bootstrap">hackerspace: ChaosStuff</a>{% endtrans %}</li>

                </ul>

                <p>{% trans %}Becoming a regular member gives you these additional benefits:{% endtrans%}<p>

                  <ul>

                    <li>{% trans %}Voting rights on general assemblys{% endtrans %}</li>

                    <li>{% trans %}Access to our internal mailinglist{% endtrans %}</li>

                  </ul>

                  <p>{% trans %}You can read more on the membership <a href="https://wiki.c3l.lu/doku.php?id=organization:membership">here</a>.{% endtrans %}</p>

                  <h3>{% trans %}What are the membership fees?{% endtrans %}</h3>

                  <p>{% trans regular_fee=config["REGULAR_FEE"], supporting_fee=config["SUPPORTING_FEE"] %}The membership fee for the regular membership is {{ regular_fee }}€ per year. The membership fee for the supporting membership is {{ supporting_fee }}€ per year. If you are a student, all membership fees are {{ supporting_fee }}€ per year. For that please select the corresponding option.{% endtrans %}</p>

                  <h3>{% trans %}I cannot afford the membership?{% endtrans %}</h3>

                  <p>{% trans %}If you cannot afford the membership, please contact us via info@c3l.lu first, before filling out the membership form. We will try to find a solution together.{% endtrans %}</p>

                </div>

                </div>

                <div class="pure-g">

                  <div class="pure-u-1-1">

                    <b>{{ form.payment.label }}</b>

                    {% for option in form.payment %}

                      <label for="{{ option.id }}" class="pure-radio pure-u-1-1">

                  <div class="pure-u-1-1">

                    <b>{{ form.zip.label }}</b>

                    {{ form.zip(class="pure-input-1 field-error" if form.zip.errors else "pure-input-1") }}

                  </div>

                </div>

                <div class="pure-g">

                  <div class="pure-u-1-1">

                    <b>{{ form.city.label }}</b>

                    {{ form.city(class="pure-input-1 field-error" if form.city.errors else "pure-input-1") }}

                  </div>

                </div>

                <div class="pure-g">

                  <div class="pure-u-1-1">

                    <b>{{ form.state.label }}</b>

                    {{ form.state(class="pure-input-1 field-error" if form.state.errors else "pure-input-1") }}

                  </div>

                </div>

                <div class="pure-g">

                  <div class="pure-u-1-1">

                    <b>{{ form.country.label }}</b>

                    {{ form.country(class="pure-input-1 field-error" if form.country.errors else "pure-input-1") }}

                  </div>

                </div>

                <legend></legend>

                <label for="{{ form.terms.id }}" class="pure-checkbox">

                  {{ form.terms }} {{ form.terms.label.text|safe }}

                </label>

                <div class="pure-controls">{{ form.submit }}</div>

              </fieldset>

            </form>

          </div>

          <div class="pure-u-md-1-3"></div>

        </div>

      </body>

    </html>