{{ extends "global/Page.html" }}
{{ block title }}Instructions{{ endblock }}

{{ block content }}


<!-- Includes the background style from the UW Teton Lab experiments -->
{{ include_sibling 'uw_teton_bg.html' }}

<!-- Hide next button initially -->
<style>
    .otree-btn-next { 
        display: none; /* Hide next button */
    }
</style>

<!-- Sets timer for next button to appear -->
<script>
    setTimeout(
    function () {
                $('.otree-btn-next').show();
            }, // Shows otree next button at end of timer
    3*1000
);
</script>

<!-- Different text depending on comprehension question answer -->
{{ if player.cq_4 == "2" or player.cq_4_try2 == "2" }}<span style="color: green;">Correct!</span>{{ else }}<span style="color: red;">Incorrect</span>.{{ endif }} If you bid $200 on the chair and the computer chooses $200, you <b>win</b> the auction, paying $200 and getting the red chair. This means the money remaining in the joint account is $1,000 - $200 = $800. At the end of the study, whatever is left in the joint account is split equally between you and your partner. So, <b>you will get the red chair, receive $400, and your partner will receive $400</b>. <br> <br>

{{ next_button }}

{{ endblock }}

{{ block scripts }}
<script>
// This script is included to ensure that if tags are included in form fields they are observed
$(document).ready(function (e) {
    labels = document.getElementsByTagName("label");

    for (var i = 0; i < labels.length; i++) {
        labels[i].innerHTML = labels[i].innerHTML.replaceAll("&lt;", "<").
                              replaceAll("&gt;", ">");
    }
});
</script>
{{ endblock }}