{{ block title }}
{{ endblock }}
{{ block content }}
{{ include '_static/MyStyles.html'}}
{{ include '_static/JS_Functions.html'}}

<style>
    td {padding: 4px 10px 0 0;}
</style>

<h1><b>Thank you for participating!</b></h1>

<h3 style="margin-top: 20px"><b>Your earnings today</b></h3>
<p class="stlText">
    As explained in the instructions, your payment is based on your performance in either the first or the second task.
    The computer has randomly determined that you will be paid based on <b>Task {{ pay_round }}</b>.
</p>
<p class="stlText">The question in Task {{ pay_round }} was:</p>
<table style="margin-bottom: 12px">
    <tr>
        <td style="width: 5%"></td>
        <td class="stlText" style="width: 90%; font-size: 1em;">"<i>{{ q }}</i>"</td>
        <td style="width: 5%"></td>
    </tr>
</table>

<table class="stlText" style="margin-bottom: 12px">
    <tr>
        <td>The correct answer would have been:</td>
        <td style="text-align: right;"><b>{{ a }}</b></td>
    </tr>
    <tr>
        <td style="text-align: left">Your guesstimate was:</td>
        <td style="text-align: right"><b>{{ guess }}</b></td>
    </tr>
    <tr>
        <td colspan="2">This guesstimate is off by <b>{{ discrepancy }}%</b>.</td>
    </tr>
</table>
<table class="stlText" style="width: 80%; margin-top: 40px">
    <tr style="border-top: solid black thin; padding-top: 8px">
        <td>Based on this, your guesstimation payoff has been calculated as:</td>
        <td style="text-align: right">{{ guess_pay }}</td>
    </tr>
    <tr>
        <td style="padding-bottom: 8px">+ Additional payment for finishing early:</td>
        <td style="padding-bottom: 8px; text-align: right">{{ speed_pay }}</td>
    </tr>
    <tr style="border-top: solid black thin">
        <td>= Your earnings from the guesstimation task:</td>
        <td style="text-align: right; padding-bottom: 4px;">
            {{ task_pay }}
        </td>
    </tr>
    <tr>
        <td> + Base pay for this study:</td>
        <td style="text-align: right; padding-bottom: 4px; border-bottom: solid black thin">
            {{ show_up_fee }}
        </td>
    </tr>
    <tr style="border-top: solid black thin; border-bottom: solid black thin; height: 60px;">
        <td><b>= Your total earnings today:</b></td>
        <td style="text-align: right;"><b>{{ total_pay }}</b></td>
    </tr>
</table>

<p class="stlText" style="margin-top: 30px">
    Click <b></b><a href="{{ session.prolific_completion_url }}">here</a></b> to complete the study.
</p>


{{ endblock }}