{{ extends "global/Page.html" }}
{{ load otree static }}

{{ block title }}
Part 1: <b>Guessing Task</b>
{{ endblock }}


{{ block content }}

<br />
<br />
<div class="card bg-light instructions">
    <div class="card-body">
    <p>

        <center><img src="{{ static 'Table_1.jpg' }}", width="400"/></center>
<center><b>Payoff Table Part 2: Decision-Making Task</b></center>
    </div>
</div>

<div class="card bg-light instructions">
    <div class="card-body">
    <p>
<b>Opinion Assessment</b>
        <br />
        <br />
Please read the following two statements and determine whether you believe them to be true or false. <br />
        {{ formfield 'opinion_guess' }}
<br />
    </div>
</div>
<div class="card bg-light instructions">
    <div class="card-body">
    <p>




<b>Behavior Assessement</b>
        <br />
        <br />
Please read the following two statements and determine whether you believe them to be true or false. <br />Which statement is true?
    {{ formfield 'behavior_guess' }}
        <br />
    </div>
</div>
<br />
    {{ next_button }}
{{ endblock }}

{{ block scripts }}
    <script>
        $(function () {
            setTimeout(function () {
                $('.otree-btn-next').show();
            }, 1 * 1000);
        });
    </script>
{{ endblock }}


{{ block styles }}
    <style>
        .otree-btn-next {
            display: none;
        }
    </style>
{{ endblock }}