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

{% block title %}
Payoff Matrix
{% endblock %}

{% block content %}
    Below you find the payoff Matrix of a Prisoners' dilemma. In one cell, you will see two integers. The first integer corresponds to your payoff when the moves in the columns are executed. The second integer corresponds to the other player's payoff.
<style>
    table {
      border-collapse: collapse;
    }

    th, td {
      border: 1px solid black;
      padding: 8px;
    }

    th {
      background-color: #f2f2f2;
    }
  </style>
<table>
   <tr>
      <th></th>
      <th>X</th>
      <th>Y</th>
    </tr>
    <tr>
      <th>X</th>
      <td>3, 3</td>
      <td>0, 5</td>
    </tr>
    <tr>
      <th>Y</th>
      <td>5, 0</td>
      <td>1, 1</td>
    </tr>
  </table>

    {{ formfields }}
    {{ next_button }}

{{ endblock }}