{% block app_styles %}
<!--<link rel="stylesheet" href='{{static "global/CM_css.css"}}'>-->
<link rel="stylesheet" href='{{static "global/rulers100.css"}}'>
<link rel="stylesheet" href='{{static "global/CM_css.css"}}'>
<style data="after_click" typt="text/css"></style>
{% 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 <b>from 1980 to 2022</b>.
            </li>
            <li>
                               <p>What do you think is the chance that the <b>unemployment rate in U.S.</b> of that year was <b>lower than 6.1%</b>? </p>

            </li>
            <li>
                <p>In other words, in <b>year X</b>, what do you think is the chance that, the number of unemployed individuals is less than <b>61</b> out of every 1000 individuals <b>in the labor force</b>?
      </p>
            </li>

        </ul>


    </div>
    <div class="task">

        <table>
            <colgroup>
                <col span="1" style="width: 30%;">
                <col span="1" style="width: 70%;">
            </colgroup>

            <tr>

                <br>
                <td colspan="2">
                </td>
            </tr>

            <tr>
                <td colspan="2" style="text-align: justify;">
                    <p>Chance that the unemployment rate in the randomly selected year X was lower than 6.1% is <span id="belief1" style="visibility: hidden; font-weight: bold"></span> %
                </td>

            </tr>
            <tr>
                <td style="width: 50%">
                    {{include C.CM100}}
                </td>
            </tr>

            <tr>
                <td colspan="2">
                    <button style="float: right; visibility: hidden" type="submit" value="Submit" id="next_page" class="otree-btn-next btn btn-primary" onclick="sub_result()">Submit</button>
                </td>
            </tr>

        </table>
    </div>
</div>


<input type="hidden" name="CM_Task5" id="point" />
{{ formfield_errors 'CM_Task5' }}
{%endblock%}

{% block scripts %}

<script src="{{ static 'global/CM_script.js' }}"></script>
{% endblock %}