{{ extends 'global/Page.html' }}
{{ block title }}Phase II: Confirm offer{{ endblock }}

{{ block content }}

You have chosen {{ player.partner }}.

<table class="table">
  <tr>
      <th>Player</th>
      <th>Gender</th>
      <th>Education</th>
      <th>Income</th>
  </tr>
      <tr>
          <td>{{ R1 }}</td>
          <td>{{ G1 }}</td>
          <td>{{ E1 }}</td>
          <td>{{ I1 }}</td>
      </tr>
      <tr>
          <td>{{ R2 }}</td>
          <td>{{ G2 }}</td>
          <td>{{ E2 }}</td>
          <td>{{ I2 }}</td>
      </tr>
      <tr>
          <td>{{ R3 }}</td>
          <td>{{ G3 }}</td>
          <td>{{ E3 }}</td>
          <td>{{ I3 }}</td>
      </tr>
</table>

<p>How do you want to split {{C.TOTAL_AMOUNT}}?</p>

{{ formfields }}



<p>{{ next_button }}</p>

{{ endblock }}

{{ block scripts }}
<script>
// do live calculations on inputs
function calc() {
    let mine = parseInt(formInputs.my_share.value);
    console.log(`You will receive ${mine}.`);
    let yours = 100 - mine;
    console.log(`Your partner will receive ${yours}.`)
}

// set an event handler (for oninput/onchange/etc)
formInputs.my_share.oninput = calc;
</script>
{{ endblock }}