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

{% block title %}
    Zukunftserwartungen
{% endblock %}

{% block content %}

<b>Wie zufrieden sind Sie mit Ihrer aktuellen finanziellen Situation?</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>sehr unzufrieden</div>
        </div>
        <div class='column3'>
            <div class='radio-buttons'>{{ form.happiness }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr zufrieden</div>
        </div>
    </div>
    <div class='row'>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
        <div class='column2-long'>
            <div class='choices'>0</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>1</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>2</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>3</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>4</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>5</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>6</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>7</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>8</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>9</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>10</div>
        </div>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
    </div>
</div>
<br><br>

<b>Wie hoch schätzen Sie die Wahrscheinlichkeit ein, dass Ihr Gehalt in den nächsten 12 Monaten steigt?</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>sehr tief</div>
        </div>
        <div class='column3'>
            <div class='radio-buttons'>{{ form.salary_increase }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr hoch</div>
        </div>
    </div>
    <div class='row'>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
        <div class='column2-long'>
            <div class='choices'>0</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>1</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>2</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>3</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>4</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>5</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>6</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>7</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>8</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>9</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>10</div>
        </div>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
    </div>
</div>
<br><br>

<b>Wie hoch schätzen Sie die Wahrscheinlichkeit ein, dass Ihr Gehalt in den nächsten 12 Monaten sinkt?</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>sehr tief</div>
        </div>
        <div class='column3'>
            <div class='radio-buttons'>{{ form.salary_decrease }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr hoch</div>
        </div>
    </div>
    <div class='row'>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
        <div class='column2-long'>
            <div class='choices'>0</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>1</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>2</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>3</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>4</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>5</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>6</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>7</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>8</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>9</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>10</div>
        </div>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
    </div>
</div>
<br><br>
    {% next_button %}

{% endblock %}