{{ extends 'global/Page.html' }}
{{ block title }}Avatars{{ endblock }}

{{ block content }}

{{ formfields }}
<p>
    Your avatar:
</p>

{{if player.chose_man}}
<img src="{% static "my_folder/man_avatar.png" %}" width=150 height=150/> 
{{endif}}

{{if player.chose_woman}}
<img src="{% static "my_folder/woman_avatar.png" %}" width=150 height=150/> 
{{endif}}


{{if player.chose_neutral}}
<img src="{% static "my_folder/neutral_avatar.png" %}" width=150 height=150/> 
{{endif}}

{{ if player.is_buyer}}  <img src="{% static "my_folder/Buyer_Role.png" %}" width=158 height=50/> 

{{ else}}  <img src="{% static "my_folder/Seller_Role.png" %}"width=158 height=50/>  {{ endif }}

<p>
    Your counterpart's avatar
</p>

{% for other_player in player.get_others_in_group() %}
    {% if other_player.chose_man%}
<img src="{% static "my_folder/man_avatar.png" %}" width=150 height=150/> 
{% endif %}
{% endfor %}

{% for other_player in player.get_others_in_group() %}
    {% if other_player.chose_woman%}
<img src="{% static "my_folder/woman_avatar.png" %}" width=150 height=150/> 
{% endif %}
{% endfor %}

{% for other_player in player.get_others_in_group() %}
    {% if other_player.chose_neutral%}
<img src="{% static "my_folder/neutral_avatar.png" %}" width=150 height=150/> 
{% endif %}
{% endfor %}

{% for other_player in player.get_others_in_group() %}
    {% if other_player.is_seller%}
 <img src="{% static "my_folder/Seller_Role.png" %}" width=158 height=50/>
    {% else %}
 <img src="{% static "my_folder/Buyer_Role.png" %}" width=158 height=50/>
{% endif %}
{% endfor %}


{{ next_button }}

{{ endblock }}