{% extends "global/Page.html" %}

{% block content %}
    <p>The game is formatted as follows:</p>
<p>In this game, you will see something like below.</p>
<ul>
<li>[Player 1], [Player 2] are the ID number of player B.</li>
<li>For each column player (player 1 and Player 2),</br>You will be asked to select the amount you would like to keep for yourself.</li>
</ul>
<table class="table table-bordered" border="1">
<tbody>
<tr>
<td style="width: 50%;">&nbsp;</td>
<td style="width: 25%;">Player 1</td>
<td style="width: 25%;">Player 2</td>
</tr>
<tr>
<td style="width: 50%;">
<p>Select the amount</p>
<p>you would like to keep for yourself</p>
</td>
<td style="width: 25%;">
<p>〇$20</p>
<p>〇$19</p>
<p>〇$18</p>
<p>◉$17</p>
<p>〇$16</p>
<p>〇$15</p>
<p>〇$14</p>
<p>〇$13</p>
<p>〇$12</p>
<p>〇$11</p>
<p>〇$10</p>
<p>〇$ 9</p>
<p>〇$ 8</p>
<p>〇$ 7</p>
<p>〇$ 6</p>
<p>〇$ 5</p>
<p>〇$ 4</p>
<p>〇$ 3</p>
<p>〇$ 2</p>
<p>〇$ 1</p>
<p>〇$ 0</p>
</td>
<td style="width: 25%;">
<p>〇$20</p>
<p>〇$19</p>
<p>〇$18</p>
<p>〇$17</p>
<p>〇$16</p>
<p>◉$15</p>
<p>〇$14</p>
<p>〇$13</p>
<p>〇$12</p>
<p>〇$11</p>
<p>〇$10</p>
<p>〇$ 9</p>
<p>〇$ 8</p>
<p>〇$ 7</p>
<p>〇$ 6</p>
<p>〇$ 5</p>
<p>〇$ 4</p>
<p>〇$ 3</p>
<p>〇$ 2</p>
<p>〇$ 1</p>
<p>〇$ 0</p>
</td>
</tr>
</tbody>
</table>
<ul>
<li>In this example,
<ul>
<li>For player 1, you selected $17 to keep for yourself.</li>
<li>For player 2, you selected $15 to keep for yourself.</li>
</ul>
</li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

    <button class="otree-btn-next btn btn-primary">Play Game</button>




{% endblock %}