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


{% block content %}

<table style="border-collapse: collapse; width: 83.1711%; height: 77px;" border="7">
<tbody>
<tr style="height: 17px;">
<td style="width: 100%; height: 17px;"><strong>Reminder&nbsp;</strong></td>
</tr>
<tr style="height: 60px;">
<td style="width: 100%; height: 60px;">
<ul>
<li><strong>For each player</strong>, you are given $20.</li>
<li><strong>Only one of your choices</strong> <strong>belowe</strong> will be selected for actual payment.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>For each player B (P1~P10), please select the amount you would like to <strong>keep for yourself.</strong></p>
<table class="table table-bordered" border="1">
<tbody>
<tr style="height: 17px;">
<td style="width: 10%; height: 17px;">P1</td>
<td style="width: 10%; height: 17px;">P2</td>
<td style="width: 10%; height: 17px;">P3</td>
<td style="width: 10%; height: 17px;">P4</td>
<td style="width: 10%; height: 17px;">P5</td>
<td style="width: 10%; height: 17px;">P6</td>
<td style="width: 10%; height: 17px;">P7</td>
<td style="width: 10%; height: 17px;">P8</td>
<td style="width: 10%; height: 17px;">P9</td>
<td style="width: 10%; height: 17px;">P10</td>
</tr>
<tr style="height: 98px;">
<td style="width: 10%; height: 98px;">{{form.offer_1}}</td>
<td style="width: 10%; height: 98px;">{{form.offer_2}}</td>
<td style="width: 10%; height: 98px;">{{form.offer_3}}</td>
<td style="width: 10%; height: 98px;">{{form.offer_4}}</td>
<td style="width: 10%; height: 98px;">{{form.offer_5}}</td>
<td style="width: 10%; height: 98px;">{{form.offer_6}}</td>
<td style="width: 10%; height: 98px;">{{form.offer_7}}</td>
<td style="width: 10%; height: 98px;">{{form.offer_8}}</td>
<td style="width: 10%; height: 98px;">{{form.offer_9}}</td>
<td style="width: 10%; height: 98px;">{{form.offer_10}}</td>
</tr>
</tbody>
</table>


    <button class="otree-btn-next btn btn-primary">Submit Your Decisions</button>

{% endblock %}