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

{{ block content }}


<!-- Updates html style to match other 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>

<!-- If player got comprehension question correct -->
<span style="color: red;">Incorrect</span>. If you win the auction, <b>you pay the amount the computer bid</b>. <br> <br>

{{ formfields }}

{{ 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 }}