{% extends "global/Page.html" %}
{% load otree %}

{% block content %}
<div>
    Zum Abschluss benötigen wir noch ein paar allgemeine Informationen zu Ihrer Person. 
</div>

<div class="custom-radio-select"> 
    <div><b>Bitte geben Sie Ihr Geschlecht an.</b></div>
    {% for choice in form.Sex %}
        <p>{{ choice }}</p>
    {% endfor %}
</div>

<div><b>Bitte geben Sie Ihr Alter an.</b></div>
<input type="number" id="Age" name="Age" min="1" max="100" required>

<div class="custom-radio-select div-margin-top"> 
    <div><b>Bitte geben Sie Ihren höchsten Bildungsabschluss an.</b></div>
    {% for choice in form.Education %}
        <p>{{ choice }}</p>
    {% endfor %}
</div>

<div class="custom-radio-select div-margin-top"> 
    <div><b>Bitte geben Sie Ihren aktuellen Berufs- oder Tätigkeitsstatus an.</b></div>
    {% for choice in form.Occupation %}
        <p>{{ choice }}</p>
    {% endfor %}
</div>

<div class="custom-radio-select div-margin-top"> 
    <div><b>Bitte geben Sie Ihr monatliches Einkommen nach Abzug der Steuern an (Nettoeinkommen).</b></div>
    {% for choice in form.Net_income %}
        <p>{{ choice }}</p>
    {% endfor %}
</div>


<button class="otree-btn-next btn btn-primary">Weiter</button>
{% endblock %}