{% block app_styles %}
<link rel="stylesheet" href='{{static "global/rulers100.css"}}'>
<link rel="stylesheet" href='{{static "global/DBM_css.css"}}'>
<link rel="stylesheet" href='{{static "global/nouislider.min.css"}}'>
{% endblock %}

{%block content%}
<h1>Task {{player.round_number}}/5</h1>
<div class="taskcontainer" align="justify">

    <div class="intro">
        <ul>
            <li>
                The computer <b>randomly</b> selected a person among those who were <b>30 years old and had a full-time work in the U.S.</b> in Year 2022.
            </li>
            <br>

            <li>
                What is the chance that the selected person earned <b>at least $71,000 in 2022</b>?
            </li>

        </ul>


    </div>
    <div class="task">
        <table>
            <td colspan="2" style="text-align: justify;">
                <p>What do you think is the chance that the person earned at least $71,000 in 2022? Which range is more likely?
            </td>

        </table>
        {{include C.DBM100}}
    </div>
</div>
<input type="hidden" name="Task2_left_b" id="left_b" />
<input type="hidden" name="Task2_right_b" id="right_b"/>
<input type="hidden" name="Task2list" id="list"/>
{{ formfield_errors 'Task2_left_b' }}
{{ formfield_errors 'Task2_right_b' }}
{{ formfield_errors 'Task2list' }}

{%endblock%}

{% block scripts %}
<script src="{{ static 'global/nouislider.min.js' }}"></script>
<script src="{{ static 'global/DBM100_script.js' }}"></script>
{% endblock %}