{% 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" 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>
            <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 a randomly selected person earned at least $71,000 in 2022 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_Task2" id="point" />
{{ formfield_errors 'CM_Task2' }}
{%endblock%}

{% block scripts %}

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


{% endblock %}