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

{% block title %}Results{% endblock %}

{% block content %}

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;border:none;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.tg .tg-lboi{border-color:inherit;text-align:left;vertical-align:middle}
.tg .tg-1wig{font-weight:bold;text-align:left;vertical-align:top}
.tg .tg-g7sd{font-weight:bold;border-color:inherit;text-align:left;vertical-align:middle}
.tg .tg-0lax{text-align:left;vertical-align:top}
</style>
<table class="tg">
  <tr>
    <td class="tg-lboi">You played</td>
    <td class="tg-g7sd">{{ selfpun }}</td>
    <td class="tg-0lax">Your payoff in this game is<br></td>
    <td class="tg-1wig">{{ player.payoff }}</td>
  </tr>
  <tr>
    <td class="tg-lboi">Your match played</td>
    <td class="tg-g7sd">{{ otherpun }}</td>
    <td class="tg-0lax">Your match's payoff in this game is</td>
    <td class="tg-0lax"><span style="font-weight:bold">{{ otherpay }}</span></td>
  </tr>
</table>

{% next_button %}

{% endblock %}