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

{{ block content }}

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-0lax{text-align:left;vertical-align:top}
</style>
<table class="tg">
<thead>
  <tr>
    <th class="tg-0lax">type</th>
    <th class="tg-0lax">your bid </th>
    <th class="tg-0lax">Highest bid </th>
    <th class="tg-0lax">winner</th>
    <th class="tg-0lax">did you win?</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td class="tg-0lax">A</td>
    <td class="tg-0lax">{{player.bid1}}</td>
    <td class="tg-0lax">{{group.highest_bid1}}</td>
    <td class="tg-0lax">{{group.highest_bidder1}}</td>
    <td class="tg-0lax">{{player.is_winner1}}</td>
  </tr>
  <tr>
    <td class="tg-0lax">B</td>
    <td class="tg-0lax">{{player.bid2}}</td>
    <td class="tg-0lax">{{group.highest_bid2}}</td>
    <td class="tg-0lax">{{group.highest_bidder2}}</td>
    <td class="tg-0lax">{{player.is_winner2}}</td>
  </tr>
  <tr>
    <td class="tg-0lax">C</td>
    <td class="tg-0lax">{{player.bid3}}</td>
    <td class="tg-0lax">{{group.highest_bid3}}</td>
    <td class="tg-0lax">{{group.highest_bidder3}}</td>
    <td class="tg-0lax">{{player.is_winner3}}</td>
  </tr>
  <tr>
    <td class="tg-0lax">D</td>
    <td class="tg-0lax">{{player.bid4}}</td>
    <td class="tg-0lax">{{group.highest_bid4}}</td>
    <td class="tg-0lax">{{group.highest_bidder4}}</td>
    <td class="tg-0lax">{{player.is_winner4}}</td>
  </tr>
</tbody>
</table>

{{ endblock }}