{{ block title }}Compensation Decision - round - {{ player.round_number }}{{ endblock }}
{{ block content }}
<p>
<p>
    Recall the cost table and income formulas are as follows:
    <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:9px 7px;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:9px 7px;word-break:normal;}
.tg .tg-0p91{border-color:inherit;font-family:"Times New Roman", Times, serif !important;text-align:center;vertical-align:top}
.tg .tg-dgg6{border-color:inherit;font-family:"Times New Roman", Times, serif !important;font-weight:bold;text-align:center;
  vertical-align:top}
    <style>
        /*
        interestingly, 'readonly' doesn't apply to radio buttons.
        so we set 'pointer-events: none' to prevent clicking a radio.
        (it can also be done through JS but doesn't hurt to have this extra measure)
        (note: radio buttons can also be changed using the keyboard)

        note: we don't set 'disabled' because disabled inputs don't get
        submitted by the form, and therefore the server would complain that the form is missing.
         */
        input, label {
            pointer-events: none;
        }

        .solution-incorrect {
            color: red;
        }

        .solution-correct {
            color: green;
        }
    </style>
</style>
<table class="tg" style="undefined;table-layout: fixed; width: 391px">
<colgroup>
<col style="width: 78.77778px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
</colgroup>
<thead>
  <tr>
    <th class="tg-dgg6">Work Level</th>
    <th class="tg-0p91">1</th>
    <th class="tg-0p91">2</th>
    <th class="tg-0p91">3</th>
    <th class="tg-0p91">4</th>
    <th class="tg-0p91">5</th>
    <th class="tg-0p91">6</th>
    <th class="tg-0p91">7</th>
    <th class="tg-0p91">8</th>
    <th class="tg-0p91">9</th>
    <th class="tg-0p91">10</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td class="tg-dgg6">Cost</td>
    <td class="tg-0p91">2</td>
    <td class="tg-0p91">4</td>
    <td class="tg-0p91">6</td>
    <td class="tg-0p91">8</td>
    <td class="tg-0p91">10</td>
    <td class="tg-0p91">12</td>
    <td class="tg-0p91">14</td>
    <td class="tg-0p91">16</td>
    <td class="tg-0p91">18</td>
    <td class="tg-0p91">20</td>
  </tr>
</tbody>
</table>
<br>
    <p><strong>
        Income of the worker = Wage - Cost of the work level chosen<br/>
        Output = work level of the first worker + work level of the second worker <br />
        Income of the manager = 100 + 4*Output– Total wage for the two workers <br /></strong>
    </p>
<br>
<br>
    You are now assigned to a group of three for the current period. You are the Manager. Your role will stay the same for the rest of the study. Please make on a wage offer between 60-100 dimra for the two workers. My wage offer for the two workers is {{ formfield 'manager_compensation' }}
</p>
{{ next_button }}
{{ endblock }}