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

{% block content %}
<div align="center"> <font size="5"><b>Round {{group.round_number}} </b></font></div>
     </p>
<p> <b><font size="5">Player 2 - Look or Not Look  </font></b></p>
    <br>
    <br>
<b> In this round, X is {{ group.x }} points. </b>
    <br>
    <br>

<b> Player 1 has colored {{ group.color_green }} Circular tiles Green. Here is the picture: </b>
    <br>
    <br>
{% if group.color_green == 0 %}
 <img src="{% static 'Endo0.png' %}" width="350px"/>

{% elif group.color_green == 1 %}
 <img src="{% static 'Endo1.png' %}" width="350px"/>

{% elif group.color_green == 2 %}
 <img src="{% static 'Endo2.png' %}" width="350px"/>

{% elif group.color_green == 3 %}
 <img src="{% static 'Endo3.png' %}" width="350px"/>

{% elif group.color_green == 4 %}
 <img src="{% static 'Endo4.png' %}" width="350px"/>

{% elif group.color_green == 5 %}
 <img src="{% static 'Endo_5.png' %}" width="350px"/>

{% elif group.color_green == 6 %}
 <img src="{% static 'Endo6.png' %}" width="350px"/>

{% elif group.color_green == 7 %}
 <img src="{% static 'Endo7.png' %}" width="350px"/>

{% elif group.color_green == 8 %}
 <img src="{% static 'Endo8.png' %}" width="350px"/>

{% elif group.color_green == 9 %}
 <img src="{% static 'Endo9.png' %}" width="350px"/>

{% else %}
 <img src="{% static 'Endo10.png' %}" width="350px"/>

    {% endif %}

    <br>
    <br>

        <p><b>The computer has randomly chosen a tile. Would you like to look at its color?</b></p>

    <div>
    <button name="look_choice" value="1" class="btn btn-primary btn-large">Look</button>
    <button name="look_choice" value="0" class="btn btn-primary btn-large">Not Look</button>
    </div>

    <br>
    <br>
 <p>Recall that if you choose to <b>look</b>, you get either a Green hat or a Yellow hat. If the computer selected a Green tile, you get a Green hat, and if the computer selected a Yellow tile, you get a Yellow hat. If you choose to <b>not look</b>, you get a Yellow Hat. For the detail of payoffs, see the instructions below. </p>
      <p>- You earn 100 points if the computer selected a Circular tile, and you got a Yellow Hat</p>
      <p>- You earn X points if computer selected a Square tile, and you got a Green hat. X will be randomly chosen from 20, 40, 60 and 80 points. You will be informed what X is before you make your choice.  </p>
      <p>- You earn 0 points in all other cases. </p>


{% endblock %}