{% extends "authentic2/base-page.html" %}
{% load i18n gadjo %}

{% block title %}
Erstellung eines Benutzerkontos · Création d'un compte utilisateur
{% endblock %}

{% block content %}
{% block registration-completion-form-pre %}
<h2>Erstellung eines Benutzerkontos · Création d'un compte utilisateur</h2>
<p>
  Indem Sie alle Felder in Ihrem Profil ausfüllen, sparen Sie Zeit bei der Bestellung Ihrer Dokumente.<br>
  Ihre Daten werden automatisch in die Bestellformulare übernommen.
</p>
<p>
  En complétant tous les champs de votre profil, gagnez du temps dans la commande de vos documents.<br>
  Vos données seront reprises automatiquement dans les formulaires de commandes.
</p>

{% endblock %}
<form method="post" class="a2-registration-completion-form pk-mark-optional-fields">
  {% block registration-completion-form-top %}{% endblock %}
  {% csrf_token %}
  {{ form|with_template }}
  <p>
    <input type="checkbox" id="cgu-checkbox" name="cgu" style="width: auto;" />
    Ich akzeptiere die <a target="_new" href="https://www.eupen.be/datenschutzerklaerung/">Nutzungsbedingungen des
      Online-Schalters der Stadt Eupen</a> · J'accepte les <a target="_new"
      href="https://www.eupen.be/datenschutzerklaerung/">conditions d'utilisation de
      l'e-guichet de la Ville d'Eupen</a>.
  </p>
  <button class="submit-button">{% trans 'Submit' %}</button>
  {% block registration-completion-form-bottom %}{% endblock %}
  {% csrf_token %}
</form>
<script>
  $(function () {
    $('#cgu-checkbox').on('change', function () {
      $('input[type=submit]').prop('disabled', !$(this).prop('checked'));
    });
  });
</script>
{% block registration-completion-form-post %}{% endblock %}

{% endblock %}