{{ extends 'global/Page.html' }}
{{ block title }} {{ endblock }}

{{ block content }}



<style>
.button {
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: #87CEEB;
}
</style>

<style>
.buttontainer {
  margin: auto;
  width: 60%;
  text-align: center;
  border: none;
}
</style>

<p lang=eng style="text-align:left; font-size:20px">    
The experiment is about to end, please fill in the following form and the last choice question.<br>
As mentioned, all identifying personal data will be kept confidential and will not be available to anyone except the research team.<br>
</p>

<div lang=eng style="text-align:left; font-size:20px">
{% formfield player.Connect_ID %}
{% formfield player.player_age %}
{% formfield player.player_gender %}
{% formfield player.player_diabetic %}
{% formfield player.player_cgm_model %}
{% formfield player.player_sport_active%}

</div>

<br>
<br>
<h2 style="text-align:left">Bonus question</h2>

<p lang=eng style="text-align:left; font-size:20px">    
    To gain 1 point press A <br>
    To lose 1 point press B <br>
    To gain 12 points press C <br>
    To lose 12 points press D <br>
    To gain 5 points press E <br>
</p>

<div class = "buttontainer">
    <button class=button name="bonus_choice" value="1">A</button>
    <button class=button name="bonus_choice" value="2">B</button>
    <button class=button name="bonus_choice" value="3">C</button>
    <button class=button name="bonus_choice" value="4">D</button>
    <button class=button name="bonus_choice" value="5">E</button>

</div>


{{ endblock }}