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

{% block title %}
    Motivation
{% endblock %}

{% block content %}

<b>In der Lage sein, sich etwas leisten zu können</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>nicht wichtig</div>
        </div>
        <div class='column'>
            <div class='radio-buttons'>{{ form.imp_afford }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr wichtig</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>Für andere da sein</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>nicht wichtig</div>
        </div>
        <div class='column'>
            <div class='radio-buttons'>{{ form.imp_company }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr wichtig</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>Selbstverwirklichung</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>nicht wichtig</div>
        </div>
        <div class='column'>
            <div class='radio-buttons'>{{ form.imp_selffulfilling }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr wichtig</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>Im Beruf erfolgreich sein</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>nicht wichtig</div>
        </div>
        <div class='column'>
            <div class='radio-buttons'>{{ form.imp_job_success }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr wichtig</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>Ein eigenes Haus besitzen</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>nicht wichtig</div>
        </div>
        <div class='column'>
            <div class='radio-buttons'>{{ form.imp_owning_house }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr wichtig</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>

    {% next_button %}

{% endblock %}