{{ block title }}
Final questionnaire
{{ endblock }}
{{ block content }}

<p>
    <br/>{% formfield player.gender %}
<p>



<p>
    <br/>{% formfield player.age %}
<p>



<p>
    <br/>{% formfield player.language%}
<p>


<p>
    <br/>{% formfield player.max_income %}
<p>


<p>
    <br/>{% formfield player.trust %}
<p>

<p>
    <br/>
<p>

</p>
<p><br/>6. Are you generally a person who is fully prepared to take risks or do you try to avoid taking risks?
    Please use the following scale, where the value 0 means: <b>risk averse</b> and the value 10 means:
    <b>fully prepared to take risks</b>.
</p>

   <center>
       <div>
           <div>
                {% formfield player.risk %}

               </div>
           </div>
</center>

    <center>
        <div class="">
    <div class="">
	<table  >
    <tr>

        <td width="71%">Risk averse</td>

        <td width="36%">Fully prepared to take risks</td>

    </tr>


    </table>
    </div>
        </div>
</center>
<p>
</p>
<br>
<br>
<br>
<p class="scale-intro">
    For the next 6 statements, please indicate how well the statement describes your situation.
</p>

<style>
.scale-intro {
    font-size: 16px;
    margin-bottom: 18px;
}

.likert-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 16px;
    line-height: 1.45;
}

.likert-table th,
.likert-table td {
    padding: 12px 10px;
    vertical-align: middle;
}

.likert-table thead th {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #222;
    white-space: nowrap;
}

.likert-table thead th:first-child {
    text-align: left;
    width: 54%;
}

.likert-table tbody tr:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
}

.likert-table tbody td:first-child {
    font-size: 16px;
    color: #222;
    padding-right: 20px;
}

.likert-table tbody td:not(:first-child) {
    text-align: center;
    width: 9.2%;
}

.likert-table input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 19px;
    height: 19px;
    border: 1.8px solid #8a8a8a;
    border-radius: 50%;
    background: #fff;
    margin: 0;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
}

.likert-table input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #1a73e8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.likert-table input[type="radio"]:hover {
    border-color: #5f5f5f;
}
</style>

<table class="likert-table">
    <thead>
        <tr>
            <th></th>
            <th>Not at all</th>
            <th></th>
            <th></th>
            <th></th>
            <th>Completely</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>7. I postpone making decisions about my future financial situation.</td>
            <td><input type="radio" name="decisionavoid1" value="1" required></td>
            <td><input type="radio" name="decisionavoid1" value="2"></td>
            <td><input type="radio" name="decisionavoid1" value="3"></td>
            <td><input type="radio" name="decisionavoid1" value="4"></td>
            <td><input type="radio" name="decisionavoid1" value="5"></td>
        </tr>
        <tr>
            <td>8. I avoid making decisions about my current financial situation.</td>
            <td><input type="radio" name="decisionavoid2" value="1" required></td>
            <td><input type="radio" name="decisionavoid2" value="2"></td>
            <td><input type="radio" name="decisionavoid2" value="3"></td>
            <td><input type="radio" name="decisionavoid2" value="4"></td>
            <td><input type="radio" name="decisionavoid2" value="5"></td>
        </tr>
        <tr>
            <td>9. Making financial decisions is time-consuming and effortful so I often do not take active decisions.</td>
            <td><input type="radio" name="decisionavoid3" value="1" required></td>
            <td><input type="radio" name="decisionavoid3" value="2"></td>
            <td><input type="radio" name="decisionavoid3" value="3"></td>
            <td><input type="radio" name="decisionavoid3" value="4"></td>
            <td><input type="radio" name="decisionavoid3" value="5"></td>
        </tr>
        <tr>
            <td>10. I would rather not know how much I spent last month.</td>
            <td><input type="radio" name="infoavoid1" value="1" required></td>
            <td><input type="radio" name="infoavoid1" value="2"></td>
            <td><input type="radio" name="infoavoid1" value="3"></td>
            <td><input type="radio" name="infoavoid1" value="4"></td>
            <td><input type="radio" name="infoavoid1" value="5"></td>
        </tr>
        <tr>
            <td>11. I would rather not know the status of my debts.</td>
            <td><input type="radio" name="infoavoid2" value="1" required></td>
            <td><input type="radio" name="infoavoid2" value="2"></td>
            <td><input type="radio" name="infoavoid2" value="3"></td>
            <td><input type="radio" name="infoavoid2" value="4"></td>
            <td><input type="radio" name="infoavoid2" value="5"></td>
        </tr>
        <tr>
            <td>12. When it comes to managing my own finances, ignorance is bliss.</td>
            <td><input type="radio" name="infoavoid3" value="1" required></td>
            <td><input type="radio" name="infoavoid3" value="2"></td>
            <td><input type="radio" name="infoavoid3" value="3"></td>
            <td><input type="radio" name="infoavoid3" value="4"></td>
            <td><input type="radio" name="infoavoid3" value="5"></td>
        </tr>
    </tbody>
</table>
<p>
    <br/>{% formfield player.instructions %}
<p>



    <p>
    <br/>{% formfield player.econ_exp %}
<p>

        <p>
    <br/>{% formfield player.feedback %}
<p>



    <center><button class="btn btn-primary">Continue</button></center>

{% endblock %}