{% 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 from <b>1980 - 2018</b>, what is the chance that the inflation rate in <b>that year</b> is <b>lower than 4.2%</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 $104.2</b>?
            </li>
        </ul>


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

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

            <tr>

                <br>
                <td colspan="2">

                </td>
            </tr>

            <tr>
                <td colspan="2" style="text-align: justify;">
                    <p>Chance that the inflation rate in the randomly selected year X was lower than 4.2% 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_Task1" id="point" />
{{ formfield_errors 'CM_Task1' }}
{%endblock%}

{% block scripts %}

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

{% endblock %}