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

{{ block title }}
    Part A: Introduction to <b>Earlier Study</b>
{{ endblock }}

{{ block content }}
</br>
<div class="card bg-light instructions">
    <div class="card-body">
        <p>
            <center>
                Please read the instructions of the <b>earlier study</b> carefully!
            </center>
        </p>
    </div>
</div>
</br>
<div class="card bg-warning instructions">
    <div class="card-body">
        <p>
            <h1 style="font-size:2vw">General Information</h1>
            <p>
                <ul>
                    <li style="margin-bottom:10px">The study consists of <b>three parts</b>:</li>
                        <ul>
                            <li style="margin-bottom:10px; margin-top:10px"><b>Part 1:</b> opinion and behavior guessing task,</li>
                            <li style="margin-bottom:10px"><b>Part 2:</b> decision-making task,</li>
                            <li style="margin-bottom:10px"><b>Part 3:</b> a questionnaire.</li>
                        </ul>
                    <li style="margin-bottom:10px">In the <u>guessing</u> task (<b>Part 1</b>), you will learn about the decision-making
                        task from <b>Part 2</b> and then be asked to guess other participants' behavior as well as their
                        opinion on different behaviors. </li>
                    <li style="margin-bottom:10px">In the <u>decision-making</u> task (<b>Part 2</b>), you are matched with another participant.
                        Both of you make a conditional decision about the allocation of a sum of money.</li>
                        <ul>
                            <li style="margin-bottom:10px">After the decision, both of you will be randomly assigned a role, either Player X
                                or Player Y.</li>
                            <li style="margin-bottom:10px">Player X's allocation decision will be implemented. Namely, Player Y receives what
                                Player X allocated to her.
                        </ul>
                    <li style="margin-bottom:10px; margin-top:10px">After the instructions for <b>Part 1</b> and <b>Part 2</b> you will have to answer a set
                        of comprehension questions.</li>
                    <li style="margin-bottom:10px">You will earn <b><u>£0.25</u> for participating</b>, and you can earn additional money
                        (<b>bonus payment</b>) in this study based on your and the other participants' decisions.</li>
                    <li style="margin-bottom:10px">You will be paid the total amount (<u>£0.25</u> for your participation <u>plus bonus payment</u>)
                        through Prolific within 48 hours, <i>only if you have entirely completed the study</i>.</li>
                    <li style="margin-bottom:10px">If you are participating on your <b>tablet</b> or <b>phone</b>, we ask you to flip your
                        device such that all pages are shown in landscape mode.</li>
                </ul>
            </p>
        </p>
    </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 }}