{% extends "global/Page.html" %}
{% load otree %}
{% block content %}
{% include "joint_inference/_styles.html" %}

<h2>Practice trial result</h2>

<p>The true number of red balls in Box 1 was <b>{{ true_red }} / 100</b>.</p>
<p><b>Report {% if a_is_partner %}A{% else %}B{% endif %}</b> was your partner. Report {% if a_is_partner %}B{% else %}A{% endif %} was the imposter.</p>

<table style="margin: 16px 0; border-collapse: collapse; font-size: 0.95em;">
    <tr>
        <td style="padding:6px 14px; border:1px solid #ccc;">Q1 (your first estimate: {{ q1 }})</td>
        <td style="padding:6px 14px; border:1px solid #ccc;"><b>{{ q1_pay }} pts</b></td>
    </tr>
    <tr>
        <td style="padding:6px 14px; border:1px solid #ccc;">Q2 (lottery row {{ q2_row_pct }}%, you chose {{ q2_choice }})</td>
        <td style="padding:6px 14px; border:1px solid #ccc;"><b>{{ q2_pay }} pts</b></td>
    </tr>
    <tr>
        <td style="padding:6px 14px; border:1px solid #ccc;">Q3 (your updated estimate: {{ q3 }})</td>
        <td style="padding:6px 14px; border:1px solid #ccc;"><b>{{ q3_pay }} pts</b></td>
    </tr>
</table>

<p style="background:#e8f4ff; padding:12px; border-radius:6px;">
The randomly selected question for this trial was <b>{{ paid_q }}</b>, which would have paid <b>{{ pay }} pts</b>.
Practice trials are for practice only and earn no points, but this is how scoring works for the real trials.
</p>

<p style="background:#fffbe6; padding:12px; border-radius:6px; margin-top:12px;">
<b>Note:</b> For the real trials that follow, you will not see results between trials. Your results and points will be shown at the end.
</p>

{{ next_button }}
{% endblock %}