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

{% block title %}
    <strong>You are {{ player.role }}</strong>
{% endblock %}

{% block content %}
<p>
    Now it is time to determine you offer for the puzzle pieces of Seller B.
</p>
<p>
	Seller B has {{ numberofpieces2 }} in his/her possession.
</p>
<p>
    {% formfield player.WTP2 with label="How many points do you offer to Seller B?" %}
</p>

{% if player.treatment == 1 and player.first_deal == True and player.order == 1 %}

<p>
	<img src="{% static "anticommons_sequential/puzzle3and1pieceBWsoldA.jpg" %}"/>
</p>

{% endif %}

{% if player.treatment == 2 and player.first_deal == True and player.order == 1 %}

<p>
	<img src="{% static "anticommons_sequential/puzzle2and2pieceBWsoldA.jpg" %}"/>
</p>

{% endif %}

{% if player.treatment == 1 and player.first_deal == True and player.order == 2 %}

<p>
	<img src="{% static "anticommons_sequential/puzzle3and1pieceBWsoldB.jpg" %}"/>
</p>

{% endif %}

{% if player.treatment == 2 and player.first_deal == True and player.order == 2 %}

<p>
	<img src="{% static "anticommons_sequential/puzzle2and2pieceBWsoldB.jpg" %}"/>
</p>

{% endif %}

{% if player.treatment == 1 and player.first_deal == False and player.order == 1 %}

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

{% endif %}

{% if player.treatment == 2 and player.first_deal == False and player.order == 1 %}

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

{% endif %}

{% if player.treatment == 1 and player.first_deal == False and player.order == 2 %}

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

{% endif %}

{% if player.treatment == 2 and player.first_deal == False and player.order == 2 %}

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

{% endif %}

    <p>{% next_button %}</p>
    
{% endblock %}