{{ block title }}
Round payoff
{{ endblock }}

{{ block content }}
<span style="font-size:19px">
    The table below shows all possible earnings for you. <br> Remember 2,000 points = 1 dollar.
    <br>

<br />
<img height="402" src="https://eller.co1.qualtrics.com/ControlPanel/Graphic.php?IM=IM_czQ94FdBmBIZ6MS" style="width: 800px; height: 231px;" width="1024" /><br />
<br />

    <br><br/>
    <b>The Round {{ player.round_number }}</b> is done. <strong>You are an owner of Firm {{ firm }}.</strong>
    <br/>
    In this round, <b>you earned {{ player.payoff }}</b> = {{ player.earnings }} - {{ player.fine }}.
<br>
    This table shows your and others' round payoffs and total payoffs.<br/></span>


<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:2px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:15px 10px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:2px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:15px 10px;word-break:normal;}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
</style>
<table class="tg">
<thead>
  <tr>
    <th class="tg-c3ow" rowspan="2">Round</th>
    <th class="tg-c3ow" rowspan="2">Earnings</th>
    <th class="tg-c3ow" rowspan="2">Fine</th>
    <th class="tg-c3ow" colspan="1"><strong> Your firm (=Firm{{ firm }})</strong></th>
      <th class="tg-c3ow" colspan="1"><strong>The opposite firm (=Firm{{ com_firm }})</strong></th>
  </tr>
  <tr>
    <th class="tg-c3ow"><b>Your payoff<br></b>( = Earnings - Fine)</th>
    <th class="tg-c3ow"> the other owner's payoff</th>
  </tr>
</thead>
    <tbody>
    {{ for h in history }}
    <tr>
        <td class="tg-baqh">{{ h.round }}</td>
        <td class="tg-baqh">{{ h.earnings }}　</td>
        <td class="tg-baqh"><span style="color:#e74c3c"><strong>{{ h.fine }}</strong></span></td>
        <td class="tg-baqh"><span style="color:#3498db;"><strong>{{ h.payoff }}</strong></span></td>
        <th class="tg-baqh">{{ h.com_payoffs }}</th>
    </tr>
    {{ endfor }}

    <tr>
        <td class="tg-amwm">Total</td>
        <td class="tg-baqh">{{ total_earnings }}　</td>
        <td class="tg-baqh"><span style="color:#e74c3c"><strong>{{ total_fine }}</strong></span></td>
        <td class="tg-baqh"><span style="color:#3498db;"><strong>{{ total_payoff }}</strong></span></td>
        <th class="tg-baqh">{{ total_com_payoffs  }}</th>

    </tr>
    </tbody>
</table>


{{ next_button }}
{{ endblock }}