{{ block title }} Bonus Payment {{ endblock }}
{{ block content }}

<script>  
function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
  }
  return i;
}

function checkTimems(i) {
  if (i < 10) {
    i = "00" + i;
  }
  else if (i < 100) {
    i = "0" + i;
  }
  return i;
}

function time() {
  var date = new Date();
  var hh = date.getHours();
  var mm = date.getMinutes();
  var ss = date.getSeconds();
  var ms = date.getMilliseconds();
  
  // adding 0 for single digits
  
  hh = checkTime(hh);
  mm = checkTime(mm);
  ss = checkTime(ss);
  ms = checkTimems(ms);
  document.getElementById('datebtn').innerHTML =  hh + ":" + mm + ":" + ss + "." + ms;
  document.getElementById('timer').value =  ms;
  document.getElementById('disappear').style.display= 'none';
}



</script>
<p>
Now it is the time to decide your bonus payment. After you click the button, it will disappear, and you will automatically go to the next page.
Without clicking it, you cannot proceed to the next page.
</p>
<p>
Remember: You can only click the button once.

</p>


<font size=6><p id="datebtn" ></p></font>

<button id= "disappear" type="submit" onclick="time()">click to show the time</button>


<input type="hidden" id="timer" name="timer" value="ms">


{{ formfield_errors 'timer' }}

<br><br><br>




{{ endblock }}