{% 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">

    <div class="intro" align="justify">
        <ul>
            <li>
                The computer <b>randomly</b> picked a year X from <b>1980 - 2018</b>, what is the chance that the inflation rate in <b>that year</b> is <b>lower than 2.7%</b>?
            </li>
            <br>

            <li>
                In other words, imagine that, at the <b>beginning of year X</b>, <b>the set of products</b> that is used to compute the inflation rate <b>cost $100</b>. What do you think is the chance that, at the <b>end of that same year</b>,
                the same set of products <b>cost less than $102.7</b>?
            </li>
        </ul>


    </div>
    <div class="task">
        <table>
            <tr>
                <td>
                    <p>What, do you think, is the chance that the inflation rate in Year X was lower than 2.7%? Which range is more likely?
                </td>
            </tr>
        </table>
        {{include C.DBM100}}
    </div>
</div>
<input type="hidden" name="Task1_left_b" id="left_b" />
<input type="hidden" name="Task1_right_b" id="right_b"/>
<input type="hidden" name="Task1list" id="list"/>
{{ formfield_errors 'Task1_left_b' }}
{{ formfield_errors 'Task1_right_b' }}
{{ formfield_errors 'Task1list' }}

{%endblock%}

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