{{ block title }}
    <b>Comprehension Questions</b>
{{ endblock }}
{{ block content }}
    <p>
        You’re almost ready to begin.
    </p>
    <p>
        Before you begin, please answer the following questions to ensure that you understand the instructions.
        You will not be able to proceed until you have answered each question correctly. The payoff tables from
        the previous page are provided at the bottom of this page for your reference.
    </p>
    <p>
        {{ formfields }}
    </p>
<br>
    <center><table style="width:60%">
        <tr>
            <td style="color:blue; text-align:center">If you select work level…</td>
            <th style="color:orange; text-align:center; font-weight:bolder">Your initial payoff will be…</th>
            <td style="color:green; text-align:center">But, the reporting error is…</td>
            <th style="color:red; text-align:center; font-weight:bolder">So, your actual payoff will be either…</th>
        </tr>
        <tr>
            <td style="text-align:center">2</td>
            <td style="text-align:center; font-weight:bold">75 (80-5)</td>
            <td style="text-align:center">±15 (75 x 20%)</td>
            <td style="text-align:center; font-weight:bold">60 or 90</td>
        </tr>
        <tr>
            <td style="text-align:center">5</td>
            <td style="text-align:center; font-weight:bold">90 (110-20)</td>
            <td style="text-align:center">±45 (90 x 50%)</td>
            <td style="text-align:center; font-weight:bold">45 or 135</td>
        </tr>
        <tr>
            <td style="text-align:center">10</td>
            <td style="text-align:center; font-weight:bold">95 (160-65)</td>
            <td style="text-align:center">±95 (95 x 100%)</td>
            <td style="text-align:center; font-weight:bold">0 or 190</td>
        </tr>
    </table></center>
    <style>
        table, th, td {
      border: 1px solid black;
    }
        tr:nth-child(even) {
      background-color: #D3D3D3;
    }
    </style>
      <br>
 <center><table style="width:60%">
        <tr>
            <td style="text-align:center; width:25%"><b>Work Level</b></td>
            <th style="width:25%; text-align:center; font-weight:bolder">Reward</th>
            <td style="width:25%; text-align:center"><b>Cost</b></td>
            <th style="width:25%; text-align:center; font-weight:bolder">Payoff</th>
        </tr>
        <tr>
            <td style="text-align:center">0</td>
            <td style="text-align:center">60</td>
            <td style="text-align:center">0</td>
            <td style="text-align:center">60</td>
        </tr>
        <tr>
            <td style="text-align:center">1</td>
            <td style="text-align:center">70</td>
            <td style="text-align:center">2</td>
            <td style="text-align:center">68</td>
        </tr>
        <tr>
            <td style="text-align:center">2</td>
            <td style="text-align:center">80</td>
            <td style="text-align:center">5</td>
            <td style="text-align:center">75</td>
        </tr>
        <tr>
            <td style="text-align:center">3</td>
            <td style="text-align:center">90</td>
            <td style="text-align:center">9</td>
            <td style="text-align:center">81</td>
        </tr>
        <tr>
            <td style="text-align:center">4</td>
            <td style="text-align:center">100</td>
            <td style="text-align:center">14</td>
            <td style="text-align:center">86</td>
        </tr>
        <tr>
            <td style="text-align:center">5</td>
            <td style="text-align:center">110</td>
            <td style="text-align:center">20</td>
            <td style="text-align:center">90</td>
        </tr>
        <tr>
            <td style="text-align:center">6</td>
            <td style="text-align:center">120</td>
            <td style="text-align:center">27</td>
            <td style="text-align:center">93</td>
        </tr>
        <tr>
            <td style="text-align:center">7</td>
            <td style="text-align:center">130</td>
            <td style="text-align:center">35</td>
            <td style="text-align:center">95</td>
        </tr>
        <tr>
            <td style="text-align:center">8</td>
            <td style="text-align:center">140</td>
            <td style="text-align:center">44</td>
            <td style="text-align:center">96</td>
        </tr>
        <tr>
            <td style="text-align:center">9</td>
            <td style="text-align:center">150</td>
            <td style="text-align:center">54</td>
            <td style="text-align:center">96</td>
        </tr>
        <tr>
            <td style="text-align:center">10</td>
            <td style="text-align:center">160</td>
            <td style="text-align:center">65</td>
            <td style="text-align:center">95</td>
        </tr>
    </table></center>
<style>
    table, th, td {
  border: 1px solid black;
}
    tr:nth-child(even) {
  background-color: #D3D3D3;
}
</style>
<br>
        {{ next_button }}
{{ endblock }}