{{ block title }}
Part 2
{{ endblock }}

{{ block content }}

<p>
You have now been matched with other participants and assigned a rank based on quiz score.
    Based on the scores, you were ranked either in the <b>Top Half</b> (1st and 2nd highest scores)
    or the <b>Bottom Half</b> (3rd and 4th highest scores).
</p>

<p>
    Please report how likely you think you were ranked in the <b>Top Half</b>.
    If this part is selected for bonus payment, we use a payment rule that ensures reporting your most accurate guess
    gives you the best chance of earning a 1000-point bonus. You can learn more about the payment rule at
    the end of the experiment.
</p>


<p>
{{ formfield 'initial_top_belief' label='Likelihood that I was ranked in the Top Half (%)' }}
</p>

<p style="color: #777;">
<i>(Likelihood that I was ranked in the Bottom Half:
<span id="bottom_prob"></span>)</i>
</p>

<script>
document.addEventListener("DOMContentLoaded", function () {

    const input = document.querySelector("input[name='initial_top_belief']");
    const bottom = document.getElementById("bottom_prob");

    input.addEventListener("input", function () {

        let value = parseFloat(input.value);

        if (!isNaN(value)) {
            bottom.textContent = (100 - value) + "%";
        } else {
            bottom.textContent = "";
        }

    });

});
</script>

<br>
<p>
Before seeing your bonus payment, please complete a short questionnaire.
Click Next to continue.
</p>

{{ next_button }}

{{ endblock }}