{{ extends 'global/Page.html' }}
{{ block title }}Final question{{ endblock }}

{{ block global_styles  }}
    <link rel="stylesheet" href="{{ static 'global/style_sheet.css' }}">
{{ endblock }}

{{ block content }}
<script>
    // When players click on table cell radio button gets selected
            $(document).on("click","td",function(){
                $(this).find("input:radio").prop("checked", true);
            })
;
</script>

<br>
<p>
    Finally, we would like to know how you would rate your own risk tolerance. Please answer the following question truthfully:
</p>
<p>
    <b>How do you rate yourself personally? In general, are you someone who is ready to take risks or do you try to avoid risks?</b>
</p>

<p>
    <b><i>(0 = Not at all willing to take risks | 10 = Very willing to take risks)</i></b>
</p>
<p>
    <table class="likert" style="width: 100%">
    <tr>
        <th>0</th>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
        <th>6</th>
        <th>7</th>
        <th>8</th>
        <th>9</th>
        <th>10</th>

    </tr>
        <tr>
        {{ for choice in form.risk_level_revealed }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
</table>

</p>

<br>
<button id="next_button" class="otree-btn-next btn btn-primary"> Next </button>


{{ endblock }}