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

{{ block title }}
    Instructions <b>Guessing</b> Task
{{ endblock }}


{{ block content }}
<br />
<b>Please read these instructions carefully!</b>
<br />
<br />
<div class="card bg-light instructions">
    <div class="card-body">
        <p>
            <ul>
                <li style="margin-bottom:10px; margin-top:10px">The guessing task consists of two assessments about the <b>decision-making</b> task in <b>Part 2</b>.</li>
                    <ul>
                        <li style="margin-bottom:10px">One assessment about the <i>opinion</i> of the majority of participants in this study.</li>
                        <li style="margin-bottom:10px">One assessment about the <i>behavior</i> of the majority of participants in this study.</li>
                    </ul>
                <li style="margin-bottom:10px">Each assessment comes in form of a question about which of two mutually exclusive statements is true. </br>
                    Like...</li>
                    <ul>
                        <li style="margin-bottom:10px; margin-top:10px">In this study, most people <i><u>say it is OK to choose</u> </i> A / B</li>
                        <li style="margin-bottom:10px; margin-top:10px">In this study, most people <i><u>choose</u></i> A / B</li>
                    </ul>
                <li style="margin-bottom:10px">You will have to decide which statement you think is true.</li>
                <li style="margin-bottom:10px"><u><i>After your decision</i></u>, a random draw (50:50 chance) picks one of the two assessments to be
                    payoff relevant.</li>
                <li style="margin-bottom:10px; margin-top:10px">If your answer in the chosen assessment is correct, you receive a bonus payment of £0.25.</li>
                <li style="margin-bottom:10px; margin-top:10px"><i>Correct means...</i></li>
                    <ul>
                        <li style="margin-bottom:10px; margin-top:10px">...in the <i>opinion</i> assessment, the <u>statement</u> that was most frequently
                            chosen in <b>Part 1</b> of this study.</li>
                        <li style="margin-bottom:10px; margin-top:10px">...in the <i>behavior</i> assessment, the <u>behavior</u> that was most frequently
                            chosen in <b>Part 2</b> of this study.</li>
                    </ul>
            </ul>
    </div>
</div>
<br />

<h1 style="font-size:2vw"><b>When you fully understood the instructions, please click the "Next"-button!</b></h1>
<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 }}