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

{% block title %}
    Task 2 (End of Round)
{% endblock %}

{% block content %}
    <h4>Your Points</h4>
    <p>
    Your total points for this round is <b>{{ player.rpayoff }}</b>.
    </p>
    <br>

<h4>Final Configuration</h4>
    The final configuration is as such:

<div style="position:relative; height:240px">


        <img src="{% static "Anb.PNG" %}" height="40" width="40" style="position:absolute; top:0px; left:160px" />

        <img src="{% static "B.PNG" %}" height="40" width="40" style="position:absolute; top:0px; left:0px" />

        <img src="{% static "C.PNG" %}" height="40" width="40" style="position:absolute; top:100px; left:0px" />

        <img src="{% static "D.PNG" %}" height="40" width="40" style="position:absolute; top:100px; left:160px" />

        <img src="{% static "E.PNG" %}" height="40" width="40" style="position:absolute; top:180px; left:80px" />


        {% if group.AB == 1 %}
        <img src="{% static "AB.PNG" %}" height="10" width="120" style="position:absolute; top:15px; left:40px" />
        {% endif %}

        {% if group.AC == 1 %}
        <img src="{% static "BC.PNG" %}" height="70" width="130" style="position:absolute; top:35px; left:35px" />
        {% endif %}

        {% if group.AD == 1 %}
        <img src="{% static "BD.PNG" %}" height="60" width="10" style="position:absolute; top:40px; left:175px" />
        {% endif %}

        {% if group.AE == 1 %}
        <img src="{% static "BE.PNG" %}" height="150" width="55" style="position:absolute; top:35px; left:112px" />
        {% endif %}

        {% if group.BC == 1 %}
        <img src="{% static "AC.PNG" %}" height="60" width="10" style="position:absolute; top:40px; left:15px" />
        {% endif %}

        {% if group.BD == 1 %}
        <img src="{% static "AD.PNG" %}" height="70" width="130" style="position:absolute; top:35px; left:35px" />
        {% endif %}

        {% if group.BE == 1 %}
        <img src="{% static "AE.PNG" %}" height="150" width="55" style="position:absolute; top:35px; left:32px" />
        {% endif %}

        {% if group.CD == 1 %}
        <img src="{% static "CD.PNG" %}" height="10" width="120" style="position:absolute; top:115px; left:40px" />
        {% endif %}

        {% if group.CE == 1 %}
        <img src="{% static "CE.PNG" %}" height="50" width="50" style="position:absolute; top:135px; left:35px" />
        {% endif %}

        {% if group.DE == 1 %}
        <img src="{% static "DE.PNG" %}" height="50" width="50" style="position:absolute; top:135px; left:115px" />
        {% endif %}

        <br>
    </div>


    <p>
    You have just completed the round. Please click Next when you are ready.
    </p>

    {% next_button %}

{% endblock %}