{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}

{% block title %}

{% endblock %}

{% block content %}


    <p class="res">
    You have completed the experiment. Thank you for your participation.
    </p>

    <p class="res">Your study code is: <span class="resultlabel">{{ participant.code }}</span>

    <p class="res">Please write this code down and open a separate browser window to enter this code into the Amazon MTurk site. Once your participation
        is confirmed, your MTurk account will receive your compensation within two business days, which will include your $2.00 participation fee and
        the additional compensation you earned during the experiment, paid as a bonus in MTurk.</p>
    <br>


    <p class="res">Your compensation for the experiment will include the following:</p>
    <table class="res" border="1" cellspacing="2" cellpadding="5">
        <tr>
            <td align="right" width="75%">
                Compensation from the work task:<br><br>
                <div class="norm">(The period randomly chosen for compensation was #{{ pay_period }} and your profit in that period
                    was {{ pay_profit }}, which translates to the bonus amount shown to the right (profit × $0.03))</div>
            </td>
            <td align="center">
                ${{ bonus }}
            </td>
        </tr>

        {% if wait_bonus != '0.00' %}
        <tr>
            <td align="right"><span class="resultlabel">Addition for time spent waiting on your other group member ($0.20/minute):</span>&nbsp;&nbsp;&nbsp;</td>
            <td align="center">${{ wait_bonus }}</td>
        </tr>
        {% endif %}

        <tr>
            <td align="right">Participation Fee:&nbsp;&nbsp;&nbsp;</td>
            <td align="center">$2.00</td>
        </tr>
        <tr>
            <td align="right">Total Compensation:&nbsp;&nbsp;&nbsp;</td>
            <td align="center"><span class="resultlabel">${{ bonus_total }}</span></td>
        </tr>
        <tr>
            <td colspan="2" align="center">Thank you again for your participation!</td>
        </tr>
    </table>



{% endblock %}


{% block styles %}
    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; font-weight: normal !important;}
        .tabmarg {margin-left: 80px}
        .res{
            font-size: large;}
        .resultlabel{
            color: #1B232F;
            font-size: large;
            font-weight: bold;
            background-color: #FFDDD8;
        }
        .resultlabelsm{
            color: #1B232F;
            font-weight: bold;
            background-color: #FFDDD8;
        }
        .norm{
            font-size: medium;
        }

    </STYLE>
{% endblock %}

{% block scripts %}

{% endblock %}