{% 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 (as shown below), paid as a bonus in MTurk.</p>
    <br>


    <p class="res">The projects that you chose to implement generated the following results through a computer-generated random draw:</p>
    <table class="res" border="1">
        <tr align="center">
            <td>Project selection <br>( 1-5 )</td>
            <td>Project chosen for implementation</td>
            {% if condition == 1 or condition == 2 %}
            <td>Income generated by project ($)</td>
            {% elif condition == 3 %}
            <td>Net Income generated by project ($)</td>
            {% endif %}
            {% if condition == 1 %}
            <td>Residual Income ($)</td>
            {% elif condition == 2 %}
            <td>Return on Investment (%)</td>
            {% endif %}
            <td>Bonus compensation ($)</td>
        </tr>
        <tr align="center">
            <td>(1)</td>
            {% if condition == 1 %}
                    {% if player.implemented_project_1 == 1 %}
                        <td><img src="{% static "project_selection/RI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 2 %}
                        <td><img src="{% static "project_selection/RI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 3 %}
                        <td><img src="{% static "project_selection/RI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 4 %}
                        <td><img src="{% static "project_selection/RI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 5 %}
                        <td><img src="{% static "project_selection/RI_5.jpg" %}"/></td>
                    {% endif %}
            {% elif condition == 2 %}
                    {% if player.implemented_project_1 == 1 %}
                        <td><img src="{% static "project_selection/ROI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 2 %}
                        <td><img src="{% static "project_selection/ROI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 3 %}
                        <td><img src="{% static "project_selection/ROI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 4 %}
                        <td><img src="{% static "project_selection/ROI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 5 %}
                        <td><img src="{% static "project_selection/ROI_5.jpg" %}"/></td>
                    {% endif %}
            {% elif condition == 3 %}
                    {% if player.implemented_project_1 == 1 %}
                        <td><img src="{% static "project_selection/NI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 2 %}
                        <td><img src="{% static "project_selection/NI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 3 %}
                        <td><img src="{% static "project_selection/NI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 4 %}
                        <td><img src="{% static "project_selection/NI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_1 == 5 %}
                        <td><img src="{% static "project_selection/NI_5.jpg" %}"/></td>
                    {% endif %}
            {% endif %}
            <td>${{ player.raw_outcome_1 }}</td>
            {% if condition == 1 %}
                <td>${{ player.pm_outcome_1 }}</td>
            {% elif condition == 2 %}
                <td>{{ player.pm_outcome_1 }}%</td>
            {% endif %}
            <td>${{ player.bonus_outcome_1 }}</td>
        </tr>
        <tr align="center">
            <td>(2)</td>
            {% if condition == 1 %}
                    {% if player.implemented_project_2 == 1 %}
                        <td><img src="{% static "project_selection/RI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 2 %}
                        <td><img src="{% static "project_selection/RI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 3 %}
                        <td><img src="{% static "project_selection/RI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 4 %}
                        <td><img src="{% static "project_selection/RI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 5 %}
                        <td><img src="{% static "project_selection/RI_5.jpg" %}"/></td>
                    {% endif %}
            {% elif condition == 2 %}
                    {% if player.implemented_project_2 == 1 %}
                        <td><img src="{% static "project_selection/ROI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 2 %}
                        <td><img src="{% static "project_selection/ROI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 3 %}
                        <td><img src="{% static "project_selection/ROI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 4 %}
                        <td><img src="{% static "project_selection/ROI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 5 %}
                        <td><img src="{% static "project_selection/ROI_5.jpg" %}"/></td>
                    {% endif %}
            {% elif condition == 3 %}
                    {% if player.implemented_project_2 == 1 %}
                        <td><img src="{% static "project_selection/NI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 2 %}
                        <td><img src="{% static "project_selection/NI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 3 %}
                        <td><img src="{% static "project_selection/NI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 4 %}
                        <td><img src="{% static "project_selection/NI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_2 == 5 %}
                        <td><img src="{% static "project_selection/NI_5.jpg" %}"/></td>
                    {% endif %}

            {% endif %}
            <td>${{ player.raw_outcome_2 }}</td>
            {% if condition == 1 %}
                <td>${{ player.pm_outcome_2 }}</td>
            {% elif condition == 2 %}
                <td>{{ player.pm_outcome_2 }}%</td>
            {% endif %}
            <td>${{ player.bonus_outcome_2 }}</td>
        </tr>
        <tr align="center">
            <td>(3)</td>
            {% if condition == 1 %}
                    {% if player.implemented_project_3 == 1 %}
                        <td><img src="{% static "project_selection/RI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 2 %}
                        <td><img src="{% static "project_selection/RI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 3 %}
                        <td><img src="{% static "project_selection/RI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 4 %}
                        <td><img src="{% static "project_selection/RI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 5 %}
                        <td><img src="{% static "project_selection/RI_5.jpg" %}"/></td>
                    {% endif %}
            {% elif condition == 2 %}
                    {% if player.implemented_project_3 == 1 %}
                        <td><img src="{% static "project_selection/ROI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 2 %}
                        <td><img src="{% static "project_selection/ROI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 3 %}
                        <td><img src="{% static "project_selection/ROI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 4 %}
                        <td><img src="{% static "project_selection/ROI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 5 %}
                        <td><img src="{% static "project_selection/ROI_5.jpg" %}"/></td>
                    {% endif %}
            {% elif condition == 3 %}
                    {% if player.implemented_project_3 == 1 %}
                        <td><img src="{% static "project_selection/NI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 2 %}
                        <td><img src="{% static "project_selection/NI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 3 %}
                        <td><img src="{% static "project_selection/NI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 4 %}
                        <td><img src="{% static "project_selection/NI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_3 == 5 %}
                        <td><img src="{% static "project_selection/NI_5.jpg" %}"/></td>
                    {% endif %}

            {% endif %}
            <td>${{ player.raw_outcome_3 }}</td>
            {% if condition == 1 %}
                <td>${{ player.pm_outcome_3 }}</td>
            {% elif condition == 2 %}
                <td>{{ player.pm_outcome_3 }}%</td>
            {% endif %}
            <td>${{ player.bonus_outcome_3 }}</td>
        </tr>
        <tr align="center">
            <td>(4)</td>
            {% if condition == 1 %}
                    {% if player.implemented_project_4 == 1 %}
                        <td><img src="{% static "project_selection/RI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 2 %}
                        <td><img src="{% static "project_selection/RI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 3 %}
                        <td><img src="{% static "project_selection/RI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 4 %}
                        <td><img src="{% static "project_selection/RI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 5 %}
                        <td><img src="{% static "project_selection/RI_5.jpg" %}"/></td>
                    {% endif %}
            {% elif condition == 2 %}
                    {% if player.implemented_project_4 == 1 %}
                        <td><img src="{% static "project_selection/ROI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 2 %}
                        <td><img src="{% static "project_selection/ROI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 3 %}
                        <td><img src="{% static "project_selection/ROI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 4 %}
                        <td><img src="{% static "project_selection/ROI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 5 %}
                        <td><img src="{% static "project_selection/ROI_5.jpg" %}"/></td>
                    {% endif %}
            {% elif condition == 3 %}
                    {% if player.implemented_project_4 == 1 %}
                        <td><img src="{% static "project_selection/NI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 2 %}
                        <td><img src="{% static "project_selection/NI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 3 %}
                        <td><img src="{% static "project_selection/NI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 4 %}
                        <td><img src="{% static "project_selection/NI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_4 == 5 %}
                        <td><img src="{% static "project_selection/NI_5.jpg" %}"/></td>
                    {% endif %}

            {% endif %}
            <td>${{ player.raw_outcome_4 }}</td>
            {% if condition == 1 %}
                <td>${{ player.pm_outcome_4 }}</td>
            {% elif condition == 2 %}
                <td>{{ player.pm_outcome_4 }}%</td>
            {% endif %}
            <td>${{ player.bonus_outcome_4 }}</td>
        </tr>
        <tr align="center">
            <td>(5)</td>
            {% if condition == 1 %}
                    {% if player.implemented_project_5 == 1 %}
                        <td><img src="{% static "project_selection/RI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 2 %}
                        <td><img src="{% static "project_selection/RI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 3 %}
                        <td><img src="{% static "project_selection/RI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 4 %}
                        <td><img src="{% static "project_selection/RI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 5 %}
                        <td><img src="{% static "project_selection/RI_5.jpg" %}"/></td>
                    {% endif %}
            {% elif condition == 2 %}
                    {% if player.implemented_project_5 == 1 %}
                        <td><img src="{% static "project_selection/ROI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 2 %}
                        <td><img src="{% static "project_selection/ROI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 3 %}
                        <td><img src="{% static "project_selection/ROI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 4 %}
                        <td><img src="{% static "project_selection/ROI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 5 %}
                        <td><img src="{% static "project_selection/ROI_5.jpg" %}"/></td>
                    {% endif %}
            {% elif condition == 3 %}
                    {% if player.implemented_project_5 == 1 %}
                        <td><img src="{% static "project_selection/NI_1.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 2 %}
                        <td><img src="{% static "project_selection/NI_2.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 3 %}
                        <td><img src="{% static "project_selection/NI_3.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 4 %}
                        <td><img src="{% static "project_selection/NI_4.jpg" %}"/></td>
                    {% elif player.implemented_project_5 == 5 %}
                        <td><img src="{% static "project_selection/NI_5.jpg" %}"/></td>
                    {% endif %}

            {% endif %}
            <td>${{ player.raw_outcome_5 }}</td>
            {% if condition == 1 %}
                <td>${{ player.pm_outcome_5 }}</td>
            {% elif condition == 2 %}
                <td>{{ player.pm_outcome_5 }}%</td>
            {% endif %}
            <td>${{ player.bonus_outcome_5 }}</td>
        </tr>

        <tr align="center">
            {% if condition == 1 or condition == 2 %}
            <td colspan="4">

                In addition, the gamble pictured here (from the previous page) was randomly chosen for compensation:<br><br>
                {%  if player.paid_gamble == 1 %}
                    <img src="{% static "project_selection/Gamble_1.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 2 %}
                    <img src="{% static "project_selection/Gamble_2.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 3 %}
                    <img src="{% static "project_selection/Gamble_3.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 4 %}
                    <img src="{% static "project_selection/Gamble_4.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 5 %}
                    <img src="{% static "project_selection/Gamble_5.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 6 %}
                    <img src="{% static "project_selection/Gamble_6.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 7 %}
                    <img src="{% static "project_selection/Gamble_7.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 8 %}
                    <img src="{% static "project_selection/Gamble_8.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 9 %}
                    <img src="{% static "project_selection/Gamble_9.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 10 %}
                    <img src="{% static "project_selection/Gamble_10.jpg" %}"/><br><br>
                {% endif %}
                For this gamble, you selected
            <b>Option {{ player.paid_gamble_choice }}</b>, and a random draw using the odds of those outcomes yielded the result shown to the right.
            </td>
            {% elif condition == 3 %}
            <td colspan="3">

                In addition, the gamble pictured here (from the previous page) was randomly chosen for compensation:<br><br>
                {%  if player.paid_gamble == 1 %}
                    <img src="{% static "project_selection/Gamble_1.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 2 %}
                    <img src="{% static "project_selection/Gamble_2.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 3 %}
                    <img src="{% static "project_selection/Gamble_3.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 4 %}
                    <img src="{% static "project_selection/Gamble_4.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 5 %}
                    <img src="{% static "project_selection/Gamble_5.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 6 %}
                    <img src="{% static "project_selection/Gamble_6.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 7 %}
                    <img src="{% static "project_selection/Gamble_7.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 8 %}
                    <img src="{% static "project_selection/Gamble_8.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 9 %}
                    <img src="{% static "project_selection/Gamble_9.jpg" %}"/><br><br>
                {% elif player.paid_gamble == 10 %}
                    <img src="{% static "project_selection/Gamble_10.jpg" %}"/><br><br>
                {% endif %}
                For this gamble, you selected
            <b>Option {{ player.paid_gamble_choice }}</b>, and a random draw using the odds of those outcomes yielded the result shown to the right.
            </td>
            {% endif %}
            <td>${{ player.bonus_outcome_peq }} </td>
        </tr>


        <tr>
            {% if condition == 1 or condition == 2 %}
            <td colspan="4" align="right">Total Bonus:</td>
            {% elif condition == 3 %}
            <td colspan="3" align="right">Total Bonus:</td>
            {% endif %}
            <td align="center"><span class="resultlabel">${{ player.total_bonus }} </span></td>
        </tr>
        <tr>
            {% if condition == 1 or condition == 2 %}
            <td colspan="4" align="right">Participation Fee:</td>
            {% elif condition == 3 %}
            <td colspan="3" align="right">Participation Fee:</td>
            {% endif %}
            <td align="center"><span class="resultlabel">$2.00 </span></td>
        </tr>
        <tr>
            {% if condition == 1 or condition == 2 %}
            <td colspan="4" align="right">Total Compensation:</td>
            {% elif condition == 3 %}
            <td colspan="3" align="right">Total Compensation:</td>
            {% endif %}
            <td align="center"><span class="resultlabel">${{ player.total_comp}} </span></td>
        </tr>
        <tr>
            {% if condition == 1 or condition == 2 %}
            <td colspan="5" align="center">Thank you again for your participation!</td>
            {% elif condition == 3 %}
            <td colspan="4" align="center">Thank you again for your participation!</td>
            {% endif %}
        </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;
        }

    </STYLE>
{% endblock %}

{% block scripts %}

{% endblock %}