{% extends "global/Page.html" %}
{% load staticfiles otree %}

{% block title %}
    Summary Information
{% endblock %}

{% block content %}
<div class="instructions well well-lg">
    <br>
    <p><span class="important-text">In Part 1 <b>you earned {{ income }} ECU</b> gross income for solving {{ correct }} out of the 12 tasks.</span></p>
    <br>
</div>
<div class="instructions well well-lg">
    <p><span class="important-text">The following table and graph show the results of a random selection of 9 other players from your group:</span></p>
    <p></p>
        <table class="table" style="align-content: center; table-layout:auto" width=50%>
            <tr>
                <td><table class="table" style="align-content: center; table-layout:auto" width=50%>
                    <tr>
                        <th></th>
                        <th>Player</th>
                        <th>Earnings</th>
                    </tr>
                    <tr>
                        <td></td>
                        <td>#001</td>
                        <td>{% if matchgroup == 0 %} 70,000 ECU {% else %} 60,000 ECU {% endif %}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>#002</td>
                        <td>{% if matchgroup == 0 %} 50,000 ECU {% else %} 30,000 ECU {% endif %}</td>
                    </tr><tr>
                        <td></td>
                        <td>#003</td>
                        <td>{% if matchgroup == 0 %} 90,000 ECU {% else %} 70,000 ECU {% endif %}</td>
                    </tr><tr>
                        <td></td>
                        <td>#004</td>
                        <td>{% if matchgroup == 0 %} 20,000 ECU {% else %} 50,000 ECU {% endif %}</td>
                    </tr><tr>
                        <td></td>
                        <td>#005</td>
                        <td>{% if matchgroup == 0 %} 70,000 ECU {% else %} 100,000 ECU {% endif %}</td>
                    </tr><tr>
                        <td></td>
                        <td>#006</td>
                        <td>{% if matchgroup == 0 %} 40,000 ECU {% else %} 10,000 ECU {% endif %}</td>
                    </tr><tr>
                        <td></td>
                        <td>#007</td>
                        <td>{% if matchgroup == 0 %} 30,000 ECU {% else %} 90,000 ECU {% endif %}</td>
                    </tr><tr>
                        <td></td>
                        <td>#008</td>
                        <td>{% if matchgroup == 0 %} 40,000 ECU {% else %} 80,000 ECU {% endif %}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>#009</td>
                        <td>{% if matchgroup == 0 %} 80,000 ECU {% else %} 90,000 ECU {% endif %}</td>
                    </tr>
                </table></td>
                <td>
                    <br>
                    <br>
                    {% if matchgroup == 0 %}
                        <div align="center">
                            <p><img src="{% static 'experiment/lowsub.png' %}" width="350" /></p>
                        </div>
                    {% else %}
                        <div align="center">
                            <p><img src="{% static 'experiment/highsub.png' %}" width="350" /></p>
                        </div>
                    {% endif %}
                </td>
            </tr>
        </table>
</div>
    <p>All those players earned their income from the exact same 12 tasks you solved in Part 1.</p>
    <p>{% next_button %}</p>

<p><button onclick="ReadMore()" type="button">Double-click to Review Instructions</button></p>

<div id="Instructions_Panel">
    {% include Constants.instructions_template %}
</div>

{% endblock %}