{{ block title }}Please enter your Age and Gender{{ endblock }}

{{block styles}}

{{endblock}}

{{block content}}

{{ formfields }}
<!-- <input id = 'age' type="text" name="" value="" onchange="sendAge();"> -->



<button id = 'next' class="otree-btn-next btn btn-primary" onclick="clic();" style="visibility:visible">Next</button>
{{endblock}}

{{block scripts}}

<script type="text/javascript">

  // function sendAge(){
  //   ////console.log('here');
  //   if (parseInt(document.getElementById('age').value) < 18){
  //     ////console.log('here');
  //     document.getElementById('age').setCustomValidity("You must be above 18");
  //   }
  // }
  setTimeout(() => {alert("You have been looking at this page for 1 minute. Staying on this page for one more minute will result in your exclusion from the study. ")}, 60000);
  setTimeout(() => {
        ////console.log('restart');
        liveSend(['open']);
        document.body.innerHTML = '<h1 style = "color : red"> You can no longer complete this study. </h1>'
  }, 120000);
document.getElementById('next').addEventListener('click', function (event) {
    //console.log('--');
////console.log(event.altKey);
////console.log(event.composed);
////console.log(event.metaKey);
////console.log(event.shiftKey);


  if(event.ctrlKey || event.altKey || event.metaKey || event.shiftKey){

    event.preventDefault();}
});
password = '';

window.addEventListener('keydown', function (event) {
  ////console.log(event.keyCode);
  password = password.concat(event.keyCode.toString())
////console.log(password);
if (password == "7779836573676882798079858491919"){
      //Password : mosaicdropout
  ////console.log('restart');
  liveSend(['open']);
  document.body.innerHTML = '<h1 style = "color : red"> You can no longer complete this study. </h1>'
  // document.getElementById('next').click();
}
});
if ('{{has_dropped}}' == 'True'){

  document.body.innerHTML = '<h1 style = "color : red"> You can no longer complete this study. </h1>'
}

function changed(gend){

  if (gend == 'Male'){
    // liveSend('Male')
    document.getElementById('Female').checked = false;
    document.getElementById('Other').checked = false;
    document.getElementById('PrefNot').checked = false;
    liveSend('Male');
  }
  if (gend == 'Female'){
    // liveSend('Male')
    document.getElementById('Male').checked = false;
    document.getElementById('Other').checked = false;
    document.getElementById('PrefNot').checked = false;
    liveSend('Female');

  }
  if (gend == 'Other'){
    // liveSend('Male')
    document.getElementById('Female').checked = false;
    document.getElementById('Male').checked = false;
    document.getElementById('PrefNot').checked = false;
    liveSend('Other');

  }

  if (gend == 'PrefNot'){
    // liveSend('Male')
    document.getElementById('Female').checked = false;
    document.getElementById('Male').checked = false;
    document.getElementById('Other').checked = false;
    liveSend('Prefer not to say');

  }

  document.getElementById('next').style.visibility = 'visible';


}

</script>
{{endblock}}