{{ block title }}
{{ endblock }}

{{ block content }}

<style>
  .wrap { max-width: 1100px; margin: 0 auto; line-height: 1.55; }
  .intro { margin-bottom: 14px; }
  table { border-collapse: collapse; margin-top: 18px; width: 900px; }
  th, td { border: 1px solid #111; padding: 8px 10px; vertical-align: middle; font-size: 15px; }
  th { text-align: center; font-weight: 700; }
  .center { text-align: center; }
  .choice-cell { min-width: 150px; text-align: center; }
  .otree-form-errors { max-width: 980px; margin: 0 auto 12px auto; }
</style>

<div class="wrap">
  <div class="intro">
    <p>
      Please, for each of the following rows, each containing a pair of alternative hypothetical options, choose the one that you prefer between option A and option B.
      Both options give you certain monetary payments.
      Payments in option A will be given at a later date, and payments in option B are given today.
      Please make your choice for each row/pair by selecting either A or B.
      Remember there are no right or wrong answers. It is your personal choices we are interested in.
    </p>

    <p>
      To determine payment, we will randomly select <strong>1 out of every 200 participants</strong> for this task.
      If you are selected, one of the decision problems (rows) you completed will then be randomly chosen,
      and you will be paid according to the option you selected for that row.
    </p>
  </div>

  <center>
    <table>
      <tr>
        <th>ID</th>
        <th>Option A</th>
        <th>Option B</th>
        <th>Your Choice</th>
      </tr>

      <tr><td class="center">1</td><td>Receive £360 in 1 week</td><td>Receive £60 today</td><td class="choice-cell">{{ formfield player.time_1 label="" }}</td></tr>
      <tr><td class="center">2</td><td>Receive £360 in 1 week</td><td>Receive £120 today</td><td class="choice-cell">{{ formfield player.time_2 label="" }}</td></tr>
      <tr><td class="center">3</td><td>Receive £360 in 1 week</td><td>Receive £180 today</td><td class="choice-cell">{{ formfield player.time_3 label="" }}</td></tr>
      <tr><td class="center">4</td><td>Receive £360 in 1 week</td><td>Receive £240 today</td><td class="choice-cell">{{ formfield player.time_4 label="" }}</td></tr>
      <tr><td class="center">5</td><td>Receive £360 in 1 week</td><td>Receive £300 today</td><td class="choice-cell">{{ formfield player.time_5 label="" }}</td></tr>

      <tr><td class="center">6</td><td>Receive £360 in 1 month</td><td>Receive £60 today</td><td class="choice-cell">{{ formfield player.time_6 label="" }}</td></tr>
      <tr><td class="center">7</td><td>Receive £360 in 1 month</td><td>Receive £120 today</td><td class="choice-cell">{{ formfield player.time_7 label="" }}</td></tr>
      <tr><td class="center">8</td><td>Receive £360 in 1 month</td><td>Receive £180 today</td><td class="choice-cell">{{ formfield player.time_8 label="" }}</td></tr>
      <tr><td class="center">9</td><td>Receive £360 in 1 month</td><td>Receive £240 today</td><td class="choice-cell">{{ formfield player.time_9 label="" }}</td></tr>
      <tr><td class="center">10</td><td>Receive £360 in 1 month</td><td>Receive £300 today</td><td class="choice-cell">{{ formfield player.time_10 label="" }}</td></tr>

      <tr><td class="center">11</td><td>Receive £360 in 3 months</td><td>Receive £60 today</td><td class="choice-cell">{{ formfield player.time_11 label="" }}</td></tr>
      <tr><td class="center">12</td><td>Receive £360 in 3 months</td><td>Receive £120 today</td><td class="choice-cell">{{ formfield player.time_12 label="" }}</td></tr>
      <tr><td class="center">13</td><td>Receive £360 in 3 months</td><td>Receive £180 today</td><td class="choice-cell">{{ formfield player.time_13 label="" }}</td></tr>
      <tr><td class="center">14</td><td>Receive £360 in 3 months</td><td>Receive £240 today</td><td class="choice-cell">{{ formfield player.time_14 label="" }}</td></tr>
      <tr><td class="center">15</td><td>Receive £360 in 3 months</td><td>Receive £300 today</td><td class="choice-cell">{{ formfield player.time_15 label="" }}</td></tr>

      <tr><td class="center">16</td><td>Receive £900 in 1 week</td><td>Receive £150 today</td><td class="choice-cell">{{ formfield player.time_16 label="" }}</td></tr>
      <tr><td class="center">17</td><td>Receive £900 in 1 week</td><td>Receive £300 today</td><td class="choice-cell">{{ formfield player.time_17 label="" }}</td></tr>
      <tr><td class="center">18</td><td>Receive £900 in 1 week</td><td>Receive £450 today</td><td class="choice-cell">{{ formfield player.time_18 label="" }}</td></tr>
      <tr><td class="center">19</td><td>Receive £900 in 1 week</td><td>Receive £600 today</td><td class="choice-cell">{{ formfield player.time_19 label="" }}</td></tr>
      <tr><td class="center">20</td><td>Receive £900 in 1 week</td><td>Receive £750 today</td><td class="choice-cell">{{ formfield player.time_20 label="" }}</td></tr>

      <tr><td class="center">21</td><td>Receive £900 in 1 month</td><td>Receive £150 today</td><td class="choice-cell">{{ formfield player.time_21 label="" }}</td></tr>
      <tr><td class="center">22</td><td>Receive £900 in 1 month</td><td>Receive £300 today</td><td class="choice-cell">{{ formfield player.time_22 label="" }}</td></tr>
      <tr><td class="center">23</td><td>Receive £900 in 1 month</td><td>Receive £450 today</td><td class="choice-cell">{{ formfield player.time_23 label="" }}</td></tr>
      <tr><td class="center">24</td><td>Receive £900 in 1 month</td><td>Receive £600 today</td><td class="choice-cell">{{ formfield player.time_24 label="" }}</td></tr>
      <tr><td class="center">25</td><td>Receive £900 in 1 month</td><td>Receive £750 today</td><td class="choice-cell">{{ formfield player.time_25 label="" }}</td></tr>

      <tr><td class="center">26</td><td>Receive £900 in 3 months</td><td>Receive £150 today</td><td class="choice-cell">{{ formfield player.time_26 label="" }}</td></tr>
      <tr><td class="center">27</td><td>Receive £900 in 3 months</td><td>Receive £300 today</td><td class="choice-cell">{{ formfield player.time_27 label="" }}</td></tr>
      <tr><td class="center">28</td><td>Receive £900 in 3 months</td><td>Receive £450 today</td><td class="choice-cell">{{ formfield player.time_28 label="" }}</td></tr>
      <tr><td class="center">29</td><td>Receive £900 in 3 months</td><td>Receive £600 today</td><td class="choice-cell">{{ formfield player.time_29 label="" }}</td></tr>
      <tr><td class="center">30</td><td>Receive £900 in 3 months</td><td>Receive £750 today</td><td class="choice-cell">{{ formfield player.time_30 label="" }}</td></tr>
    </table>
  </center>

  <div style="text-align:center; margin-top: 18px;">
    <button class="btn btn-primary">Continue</button>
  </div>
</div>

{{ endblock }}