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

{% block title %} Risk {% endblock %}

{% block content %}

    <p>
        How do you see yourself:
        Are you generally a person who is completely willing to take risks or do you try to avoid taking risks?
        <br>
        Please select.
    </p>

    <br>

    <table class="fixed" style="width: 880px">
        <col width="80px"/>
        <col width="80px"/>
        <col width="80px"/>
        <col width="80px"/>
        <col width="80px"/>
        <col width="80px"/>
        <col width="80px"/>
        <col width="80px"/>
        <col width="80px"/>
        <col width="80px"/>
        <col width="80px"/>
        <tr>
            <td align="center">Completely unwilling to take risks</td>
            <td></td>
            <td></td>
            <td></td>
            <td colspan = "3"></td>
            <td></td>
            <td></td>
            <td></td>
            <td align="center">Completely willing to take risks</td>
        </tr>
        <tr>
            <td align="center"><input type="radio" name="risk" value="0" required></td>
            <td align="center"><input type="radio" name="risk" value="1" required></td>
            <td align="center"><input type="radio" name="risk" value="2" required></td>
            <td align="center"><input type="radio" name="risk" value="3" required></td>
            <td align="center"><input type="radio" name="risk" value="4" required></td>
            <td align="center"><input type="radio" name="risk" value="5" required></td>
            <td align="center"><input type="radio" name="risk" value="6" required></td>
            <td align="center"><input type="radio" name="risk" value="7" required></td>
            <td align="center"><input type="radio" name="risk" value="8" required></td>
            <td align="center"><input type="radio" name="risk" value="9" required></td>
            <td align="center"><input type="radio" name="risk" value="10" required></td>
        </tr>
        <tr>
            <td align="center">0</td>
            <td align="center">1</td>
            <td align="center">2</td>
            <td align="center">3</td>
            <td align="center">4</td>
            <td align="center">5</td>
            <td align="center">6</td>
            <td align="center">7</td>
            <td align="center">8</td>
            <td align="center">9</td>
            <td align="center">10</td>
        </tr>
    </table>

    <br>

    {% next_button %}

{% endblock %}