{{ block title }}Your Payoff{{ endblock }}

{{ block content }}
<div class="card" style="max-width:640px; margin:0 auto;">

    <h2 style="color:#1a4f5a; margin-bottom:8px;">Your Bonus Payment</h2>

    <!-- ── Which situation was selected ── -->
    <div style="background:#f9f9f7; border:1px solid #ddd8ce; border-radius:8px;
                padding:16px 20px; margin:20px 0;">

        {% if exp.source == 'consistency' %}
            <p>The randomly selected situation came from <strong>the tasks where you
            saw the actual behaviour of the earlier group</strong>
            ({% if exp.actual_task == 'dictator' %}Allocation Task{% else %}Lottery Task{% endif %}).</p>
        {% else %}
            <p>The randomly selected situation came from the
            <strong>{% if exp.actual_task == 'dictator' %}Allocation Task{% else %}Lottery Task{% endif %}</strong>
            — the task where you indicated your conditional decisions.</p>
        {% endif %}

        {% if exp.source == 'main' %}
            <p style="margin-top:10px;">{{ exp.rule }}</p>
            <p style="margin-top:6px;">
                Therefore, the
                <strong>{% if exp.chose_left %}left{% else %}right{% endif %}
                option </strong> was selected for you.
            </p>
        {% else %}
            <p style="margin-top:10px;">
                In this situation you directly chose
                <strong>option {{ exp.chosen_id }}</strong>.
            </p>
        {% endif %}
    </div>

    <!-- ── Payoff consequences ── -->
    <div style="background:#e8f4f7; border-left:4px solid #2a6e7c; padding:16px 20px;
                border-radius:0 8px 8px 0; margin:20px 0;">

        {% if exp.actual_task == 'dictator' %}
            <p><strong>Allocation Task outcome</strong></p>
            <p style="margin-top:8px;">
                The {% if exp.chose_left %}left{% else %}right{% endif %}
                option keeps
                <strong>{{ exp.own_payoff }} MU</strong> for you and sends
                <strong>{{ exp.transfer }} MU</strong> to the other person.
                With a multiplier of <strong>{{ exp.multiplier }}</strong>,
                the other person receives
                <strong>{{ exp.other_payoff }} MU</strong>.
            </p>
            <p style="margin-top:14px; font-size:1.05rem;">
                <strong>Your bonus: {{ payoff_raw }} MU</strong>
            </p>


        {% else %}
            <p><strong>Lottery Task outcome</strong></p>
            <p style="margin-top:8px;">
                The {% if exp.chose_left %}left{% else %}right{% endif %}
                option is a lottery.
                The lottery was resolved and the outcome was
                <strong>{{ risk_outcome }} MU</strong>.
            </p>
            <p style="margin-top:14px; font-size:1.05rem;">
                <strong>Your bonus: {{ risk_outcome }} MU</strong>
            </p>
        {% endif %}
    </div>

    <!-- ── Conversion note ── -->
    <p style="color:#6b7280; font-size:.9rem; margin-top:4px;">
        Your bonus of <strong>{{ payoff_raw }} MU</strong> will be converted to GBP
        at the rate <strong>1 MU = GBP {{ mu_to_gbp }}</strong>, giving you a bonus of
        <strong>GBP {{ payoff_gbp }}</strong>.
    </p>

    <div style="display:flex; justify-content:flex-end; margin-top:28px;">
        {{ next_button }}
    </div>
</div>
{{ endblock }}