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

{% block title %}
    Einkommen
{% endblock %}

{% block content %}

<b>Wenn Sie an Ihr monatliches Einkommen denken: Wie einfach ist es für Ihren Haushalt, finanziell "durchzukommen"?</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>leicht</div>
        </div>
        <div class='column'>
            <div class='radio-buttons'>{{ form.ease }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>schwierig</div>
        </div>
    </div>
    <div class='row'>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
        <div class='column2'>
            <div class='choices'>1</div>
        </div>
        <div class='column2'>
            <div class='choices'>2</div>
        </div>
        <div class='column2'>
            <div class='choices'>3</div>
        </div>
        <div class='column2'>
            <div class='choices'>4</div>
        </div>
        <div class='column2'>
            <div class='choices'>5</div>
        </div>


        <div class='column'>
            <div class='blank-column'></div>
        </div>
    </div>
</div>

<br><br>
<b>Wie zufrieden sind Sie mit Ihrer finanziellen Situation?</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>unzufrieden</div>
        </div>
        <div class='column'>
            <div class='radio-buttons'>{{ form.happy_ease }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>zufrieden</div>
        </div>
    </div>
    <div class='row'>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
        <div class='column2'>
            <div class='choices'>1</div>
        </div>
        <div class='column2'>
            <div class='choices'>2</div>
        </div>
        <div class='column2'>
            <div class='choices'>3</div>
        </div>
        <div class='column2'>
            <div class='choices'>4</div>
        </div>
        <div class='column2'>
            <div class='choices'>5</div>
        </div>

        <div class='column'>
            <div class='blank-column'></div>
        </div>
    </div>
</div>
<br><br>

<b>{% formfield player.money_aside label=money_label %}</b>
<br><br>

    {% next_button %}

{% endblock %}