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

{% block title %}
    Your role in the task
{% endblock %}

{% block content %}

{% if player.subsession.round_number == 1 %}

<p>

    Before you make your decision, it is important to know what your role is:
</p>

<p>
    The computer has randomly determined that you are <strong>{{ player.role }}</strong>.
</p>
<p>
    As you can see in the picture below, Seller 1 has <strong>{{ numberofpieces1 }}</strong> of the 4-piece puzzle in his/her possession and Seller 2 has <strong>{{ numberofpieces2 }}</strong> of the 4-piece puzzle in his/her possession.
</p>

{% endif %}

{% if player.subsession.round_number > 1 %}

<p>
    Just as in the previous round, you are <strong>{{ player.role }}</strong>.
</p>
<p>
    Again, Seller 1 has <strong>{{ numberofpieces1 }}</strong> of the 4-piece puzzle in his/her possession and Seller 2 has <strong>{{ numberofpieces2 }}</strong> of the 4-piece puzzle in his/her possession.
</p>

{% endif %}

{% if player.treatment == 1 and player.role == "Seller 1" %}
<p>
 	You are <strong>Seller 1</strong> and therefore you have <strong>3 puzzle pieces</strong>.
</p>
<p>
	<img src="{% static "anticommons/puzzle3and1pieceBW.jpg" %}"/>
</p>

{% endif %}

{% if player.treatment == 1 and player.role == "Seller 2" %}
<p>
 	You are <strong>Seller 2</strong> and therefore you have <strong>1 puzzle piece</strong>.
</p>
<p>
	<img src="{% static "anticommons/puzzle3and1pieceBW.jpg" %}"/>
</p>

{% endif %}

{% if player.treatment == 1 and player.role == "Buyer" %}

<p>
	<img src="{% static "anticommons/puzzle3and1pieceBW.jpg" %}"/>
</p>

{% endif %}

{% if player.treatment == 2 and player.role == "Seller 1" %}

<p>
 	You are <strong>Seller 1</strong> and therefore you have <strong>2 puzzle pieces</strong>.
</p>
<p>
    <img src="{% static "anticommons/puzzle2and2pieceBW.jpg" %}"/>
</p>

{% endif %}

{% if player.treatment == 2 and player.role == "Seller 2" %}

<p>
 	You are <strong>Seller 2</strong> and therefore you have <strong>2 puzzle pieces</strong>.
</p>
<p>
    <img src="{% static "anticommons/puzzle2and2pieceBW.jpg" %}"/>
</p>

{% endif %}

{% if player.treatment == 2 and player.role == "Buyer" %}

<p>
    <img src="{% static "anticommons/puzzle2and2pieceBW.jpg" %}"/>
</p>

{% endif %}

<p>
    Click on the next button to proceed to the task.
</p>

    {% next_button %}

{% endblock %}