{% 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">
        <p>
            <img src="{{static 'global/BallBox3.png'}}" style="width: 100%;"/>
        </p>

    </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>Given the clue, the chance that <span style="color: red; font-weight:bold">Red Box</span> was selected is <span id="belief1" style="visibility: hidden; font-weight:bold"></span>%</p>
                </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_Task3" id="point" />
{{ formfield_errors 'CM_Task3' }}
{%endblock%}

{% block scripts %}

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

{% endblock %}