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

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

    {{ if type == C.OWNER_ROLE }}
    <img height="314" src="https://eller.co1.qualtrics.com/ControlPanel/Graphic.php?IM=IM_eWZfUMudWomyGKa" style="width: 1024px; height: 314px;" width="800"/>
{{ endif }}
    {{ if type == C.MANAGER_ROLE }}
    <img height="314" src="https://eller.co1.qualtrics.com/ControlPanel/Graphic.php?IM=IM_29T9HOTqrkqmM50" style="width: 1024px; height: 314px;" width="800"/>
{{ endif }}

    <br><br/>
    <b>The Round {{ player.round_number }}</b> is done. <strong>You are the {{ type }} 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: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-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="2"><strong> Your firm (=Firm{{ firm }})</strong></th>
      <th class="tg-c3ow" colspan="2"><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">{{ myfirm_mem_type }}'s payoff</th>
    <th class="tg-c3ow">{{ competitor }}'s payoff</th>
    <th class="tg-c3ow">{{ opposite_mem_type }}'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.myfirm_mem_payoffs }}</th>
        <th class="tg-baqh">{{ h.com_payoffs }}</th>
        <th class="tg-baqh">{{ h.opposite_mem_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_myfirm_mem_payoffs }}</th>
        <th class="tg-baqh">{{ total_com_payoffs  }}</th>
        <th class="tg-baqh">{{ total_opposite_mem_payoffs }}</th>


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


{{ next_button }}
{{ endblock }}