{% 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 cost reporting task:<br><br>
                <div class="norm">(The period randomly chosen for compensation was #{{ pay_period }} and your total experimental dollars earned in that period
                    were {{ pay_profit }}, which translates to the bonus amount shown to the right</div>
            </td>
            <td align="center">
                ${{ bonus_1 }}
            </td>
        </tr>

        <tr>
            <td align="right" width="75%">
                Compensation from your decisions in the allocation task:<br><br>
                You allocated {{ player.individual_points }} tokens to Project 1 ($0.04 returned to you per token), {{ player.duo_points }} tokens to Project 2 ($0.03 returned to you per token),
                and {{ player.firm_points }} tokens to Project 3 ({% if condition > 2 %}$0.02 returned to you per token){% else %}$0.00 returned to you per token){% endif %}.
            </td>
            <td align="center">
                ${{ bonus_2 }}
            </td>
        </tr>

        <tr>
            <td align="right" width="75%">
                Compensation from others' decisions in the allocation task:<br><br>
            </td>
            <td align="center">
                $TBD, when all others have finished.
            </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 }} + compensation from others' decisions in the allocation task, TBD</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 %}