{% 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 1 - Color the Tiles  </font></b></p>

<b>In this round, X is {{ group.x }} points. </b>

        <p><b>Please select below the number of Circular tiles to color <font color="Green" size="5">Green </font>:</b></p>

         <img src="{% static 'Endo.png' %}" width="450px"/> {% formfield group.color_green label=""%}



        {% next_button %}

    <br>
    <br>
      <p>Recall that you earn 100 points if Player 2's hat is Green and 0 points if Player 2's hat is Yellow.  </p>
      <p>For the detail of how Player 2's payoff is determined, please see the instructions.</p>



{% endblock %}