{{ extends 'global/Page.html' }}
{{ block title }}Exit Survey - All Fields are Required{{ endblock }}

{{ block content }}

<style>
datalist {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  writing-mode: vertical-lr;
  width: 500px;
}

option {
  padding: 0;
}

input[type="range"] {
  width: 500px;
  margin: 0;
}

input[type=range] {
  -webkit-appearance: none;
  border-radius: 14px;
  height: 24px;
  border: 1px solid #bdc3c7;
  background-color: gray; 
 
}
    
input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
	background-color: #ecf0f1;
	border: 1px solid #bdc3c7;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	cursor: pointer;
}

	 
}
</style>

<Style>
html,body {padding:0;margin:0;}
.wrap {
  font:12px Arial, san-serif;
}
h1.likert-header {
  padding-left:4.25%;
  margin:20px 0 0;
}
form .statement {
  display:block;
  font-size: 14px;
  padding: 30px 0 0 4.25%;
  margin-bottom:10px;
}
form .likert {
  list-style:none;
  width:100%;
  margin:0;
  padding:0 0 35px 4.25%;
  display:block;
  /* border-bottom:2px solid #efefef; */
}
/* form .likert:last-of-type {border-bottom:0;} */
form .likert:before {
  content: '';
  position:relative;
  top:11px;
  left:50px;
  display:block;
  background-color:#efefef;
  height:4px;
  width: 500px; /* 62% */
}
    
form .likert li {
  display:inline-block;
  width: 80px;  /* 10% */
  text-align:center;
  vertical-align: top;
}
form .likert li input[type=radio] {
  display:block;
  position:relative;
  top:0;
  left:50%;  /* 50% */
  margin-left:0px;   /* -6px */
}
form .likert li label {width:100%;}
form .buttons {
  margin:30px 0;
  padding:0 4.25%;
  text-align:right
} 
form .buttons button {
  padding: 5px 10px;
  background-color: #67ab49;
  border: 0;
  border-radius: 3px;
}
form .buttons .clear {background-color: #e9e9e9;}
form .buttons .submit {background-color: #67ab49;} 
form .buttons .clear:hover {background-color: #ccc;}
form .buttons .submit:hover {background-color: #14892c;} 

</Style>


    
{{ if C.NUM_ROUNDS_DB2PLS1 > player.id_in_group }}                                          
<div class="wrap">
  <h1 class="likert-header" style="font-size:30px; font-weight: bold; white-space:nowrap;">1) Please rate your level of agreement with each statement</h1> 
  <form action="">
   <label class="statement" style="font-size:25px; white-space:nowrap;">1.1) Compared with Task #1, Task #2 requires more effort/time to find the correct item in the table.</label> 
       
    <ul class='likert' style="white-space:nowrap;">
      <li>
        <input type="radio" name="likert" value="1" id="q111"><span id="demodd111"></span>
        <label style="font-size:15px; white-space:normal;">Strongly agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="2" id="q112"><span id="demodd112"></span>
        <label style="font-size:15px; white-space:normal;">Agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="3" id="q113"><span id="demodd113"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="4" id="q114"><span id="demodd114"></span>
        <label style="font-size:15px; white-space:normal;">Neutral</label>
      </li>
      <li>
        <input type="radio" name="likert" value="5" id="q115"><span id="demodd115"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="6" id="q116"><span id="demodd116"></span>
        <label style="font-size:15px; white-space:normal;">Disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="7" id="q117"><span id="demodd117"></span>
        <label style="font-size:15px; white-space:normal;">Strongly disagree</label>
      </li>
    </ul>  
 </form> 
  
  
<form action="">  
    <label class="statement" style="font-size:25px; white-space:nowrap;">1.2) Overall, Task #2 is more difficult than Task #1.</label>
     
    <ul class='likert' style="white-space:nowrap;">
      <li>
        <input type="radio" name="likert" value="1" id="q121"><span id="demodd121"></span>  
        <label style="font-size:15px; white-space:normal;">Strongly agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="2" id="q122"><span id="demodd122"></span>
        <label style="font-size:15px; white-space:normal;">Agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="3" id="q123"><span id="demodd123"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="4" id="q124"><span id="demodd124"></span>
        <label style="font-size:15px; white-space:normal;">Neutral</label>
      </li>
      <li>
        <input type="radio" name="likert" value="5" id="q125"><span id="demodd125"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="6" id="q126"><span id="demodd126"></span>
        <label style="font-size:15px; white-space:normal;">Disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="7" id="q127"><span id="demodd127"></span>
        <label style="font-size:15px; white-space:normal;">Strongly disagree</label>
      </li>
    </ul> 
</form>  

<form action="">
    <label class="statement" style="font-size:25px; white-space:nowrap;">1.3) Task #2 is less mentally demanding than Task #1.</label>
    <ul class='likert' style="white-space:nowrap;">
      <li>
        <input type="radio" name="likert" value="1" id="q131"><span id="demodd131"></span>
        <label style="font-size:15px; white-space:normal;">Strongly agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="2" id="q132"><span id="demodd132"></span>
        <label style="font-size:15px; white-space:normal;">Agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="3" id="q133"><span id="demodd133"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="4" id="q134"><span id="demodd134"></span>
        <label style="font-size:15px; white-space:normal;">Neutral</label>
      </li>
      <li>
        <input type="radio" name="likert" value="5" id="q135"><span id="demodd135"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="6" id="q136"><span id="demodd136"></span>
        <label style="font-size:15px; white-space:normal;">Disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="7" id="q137"><span id="demodd137"></span>
        <label style="font-size:15px; white-space:normal;">Strongly disagree</label>
      </li>
    </ul>
</form>


<h1 class="likert-header" style="font-size:30px; font-weight: bold; white-space:nowrap;">2) Your Age</h1>
	<ul style="list-style-type: none"><li>
	<form action="/action_page.php">
  		<input type="number" id="q2" name="fage" style="font-size:20px" size="5" width="20">
	</form><span id="demodd2"></span>
    </li></ul>
    <br>



<h1 class="likert-header" for="q3" style="font-size:30px; font-weight: bold; white-space:nowrap;">3) Your Gender</h1>
  <br>
  <ul style="list-style-type: none"><li><select id="q3" style="font-size:20px;">
    <option value="0"></option>
    <option value="1">Male</option>
    <option value="2">Female</option>
    <option value="3">Other</option>
    <option value="4">Prefer not to say</option>
   </select>
   <span id="demodd3"></span>
    </li></ul>
  <br>



<h1 class="likert-header" for="q4" style="font-size:30px; font-weight: bold; white-space:nowrap;">4) Your Education</h1>
  <br>
  <ul style="list-style-type: none"><li><select id="q4" style="font-size:20px;">
    <option value="0"></option>
    <option value="1">Primary</option>
    <option value="2">Secondary</option>
    <option value="3">Associate</option>
    <option value="4">Bachelors</option>    
    <option value="5">Masters</option>
    <option value="6">Doctor</option>
  </select>
  <span id="demodd4"></span>
    </li></ul>
  <br>


<h1 class="likert-header" for="q5" style="font-size:30px; font-weight: bold; white-space:nowrap;">5) Your Input Device</h1>
  <br>
  <ul style="list-style-type: none"><li><select id="q5" style="font-size:20px;">
    <option value="0"></option>
    <option value="1">Cell phone</option>
    <option value="2">Tablet</option>
    <option value="3">Laptop</option>
    <option value="4">Desktop</option>
    <option value="5">Other</option>
  </select>
  <span id="demodd5"></span>
    </li></ul>
  <br>
    



</div>
<br><br><br><br>
{{ endif }}



{{ if player.id_in_group >= C.NUM_ROUNDS_DB2PLS1 }} 
<div class="wrap">
  <h1 class="likert-header" style="font-size:30px; font-weight: bold; white-space:nowrap;">1) Please rate your level of agreement with each statement</h1> 
  <form action="">
   <label class="statement" style="font-size:25px; white-space:nowrap;">1.1) Compared with Task #2, Task #1 requires more effort/time to find the correct item in the table.</label> 
       
    <ul class='likert' style="white-space:nowrap;">
      <li>
        <input type="radio" name="likert" value="1" id="q111"><span id="demodd111"></span>
        <label style="font-size:15px; white-space:normal;">Strongly agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="2" id="q112"><span id="demodd112"></span>
        <label style="font-size:15px; white-space:normal;">Agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="3" id="q113"><span id="demodd113"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="4" id="q114"><span id="demodd114"></span>
        <label style="font-size:15px; white-space:normal;">Neutral</label>
      </li>
      <li>
        <input type="radio" name="likert" value="5" id="q115"><span id="demodd115"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="6" id="q116"><span id="demodd116"></span>
        <label style="font-size:15px; white-space:normal;">Disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="7" id="q117"><span id="demodd117"></span>
        <label style="font-size:15px; white-space:normal;">Strongly disagree</label>
      </li>
    </ul>  
 </form> 
  
  
<form action="">  
    <label class="statement" style="font-size:25px; white-space:nowrap;">1.2) Overall, Task #1 is more difficult than Task #2.</label>
     
    <ul class='likert' style="white-space:nowrap;">
      <li>
        <input type="radio" name="likert" value="1" id="q121"><span id="demodd121"></span>  
        <label style="font-size:15px; white-space:normal;">Strongly agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="2" id="q122"><span id="demodd122"></span>
        <label style="font-size:15px; white-space:normal;">Agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="3" id="q123"><span id="demodd123"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="4" id="q124"><span id="demodd124"></span>
        <label style="font-size:15px; white-space:normal;">Neutral</label>
      </li>
      <li>
        <input type="radio" name="likert" value="5" id="q125"><span id="demodd125"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="6" id="q126"><span id="demodd126"></span>
        <label style="font-size:15px; white-space:normal;">Disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="7" id="q127"><span id="demodd127"></span>
        <label style="font-size:15px; white-space:normal;">Strongly disagree</label>
      </li>
    </ul> 
</form>  

<form action="">
    <label class="statement" style="font-size:25px; white-space:nowrap;">1.3) Task #1 is less mentally demanding than Task #2.</label>
    <ul class='likert' style="white-space:nowrap;">
      <li>
        <input type="radio" name="likert" value="1" id="q131"><span id="demodd131"></span>
        <label style="font-size:15px; white-space:normal;">Strongly agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="2" id="q132"><span id="demodd132"></span>
        <label style="font-size:15px; white-space:normal;">Agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="3" id="q133"><span id="demodd133"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat agree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="4" id="q134"><span id="demodd134"></span>
        <label style="font-size:15px; white-space:normal;">Neutral</label>
      </li>
      <li>
        <input type="radio" name="likert" value="5" id="q135"><span id="demodd135"></span>
        <label style="font-size:15px; white-space:normal;">Somewhat disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="6" id="q136"><span id="demodd136"></span>
        <label style="font-size:15px; white-space:normal;">Disagree</label>
      </li>
      <li>
        <input type="radio" name="likert" value="7" id="q137"><span id="demodd137"></span>
        <label style="font-size:15px; white-space:normal;">Strongly disagree</label>
      </li>
    </ul>
</form>


<h1 class="likert-header" style="font-size:30px; font-weight: bold; white-space:nowrap;">2) Your Age</h1>
	<ul style="list-style-type: none"><li>
	<form action="/action_page.php">
  		<input type="number" id="q2" name="fage" style="font-size:20px" size="5" width="20">
	</form><span id="demodd2"></span>
    </li></ul>
    <br>



<h1 class="likert-header" for="q3" style="font-size:30px; font-weight: bold; white-space:nowrap;">3) Your Gender</h1>
  <br>
  <ul style="list-style-type: none"><li><select id="q3" style="font-size:20px;">
    <option value="0"></option>
    <option value="1">Male</option>
    <option value="2">Female</option>
    <option value="3">Other</option>
    <option value="4">Prefer not to say</option>
   </select>
   <span id="demodd3"></span>
    </li></ul>
  <br>



<h1 class="likert-header" for="q4" style="font-size:30px; font-weight: bold; white-space:nowrap;">4) Your Education</h1>
  <br>
  <ul style="list-style-type: none"><li><select id="q4" style="font-size:20px;">
    <option value="0"></option>
    <option value="1">Primary</option>
    <option value="2">Secondary</option>
    <option value="3">Associate</option>
    <option value="4">Bachelors</option>    
    <option value="5">Masters</option>
    <option value="6">Doctor</option>
  </select>
  <span id="demodd4"></span>
    </li></ul>
  <br>


<h1 class="likert-header" for="q5" style="font-size:30px; font-weight: bold; white-space:nowrap;">5) Your Input Device</h1>
  <br>
  <ul style="list-style-type: none"><li><select id="q5" style="font-size:20px;">
    <option value="0"></option>
    <option value="1">Cell phone</option>
    <option value="2">Tablet</option>
    <option value="3">Laptop</option>
    <option value="4">Desktop</option>
    <option value="5">Other</option>
  </select>
  <span id="demodd5"></span>
    </li></ul>
  <br>
    
   
  <br><br><br><br><br>


</div>
<br><br><br><br>
{{ endif }}

    


    
<script> 
// Required Effort q111
var dd = document.getElementById("q111");
var outputdd = document.getElementById("demodd111");
outputdd.innerHTML = dd.value;
document.getElementById("demodd111").style.display= 'none';
var strUser111 = "0";    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser111 = this.value;
}
    
// Required Effort q112
var dd = document.getElementById("q112");
var outputdd = document.getElementById("demodd112");
outputdd.innerHTML = dd.value;
document.getElementById("demodd112").style.display= 'none';
var strUser112 = "0";    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser112 = this.value;
}

// Required Effort q113
var dd = document.getElementById("q113");
var outputdd = document.getElementById("demodd113");
outputdd.innerHTML = dd.value;
document.getElementById("demodd113").style.display= 'none';
var strUser113 = "0";    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser113 = this.value;
}

// Required Effort q114
var dd = document.getElementById("q114");
var outputdd = document.getElementById("demodd114");
outputdd.innerHTML = dd.value;
document.getElementById("demodd114").style.display= 'none';
var strUser114 = "0";    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser114 = this.value;
}
  
// Required Effort q115
var dd = document.getElementById("q115");
var outputdd = document.getElementById("demodd115");
outputdd.innerHTML = dd.value;
document.getElementById("demodd115").style.display= 'none';
var strUser115 = "0";    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser115 = this.value;
}
  
// Required Effort q116
var dd = document.getElementById("q116");
var outputdd = document.getElementById("demodd116");
outputdd.innerHTML = dd.value;
document.getElementById("demodd116").style.display= 'none';
var strUser116 = "0";    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser116 = this.value;
}
  
// Required Effort q117
var dd = document.getElementById("q117");
var outputdd = document.getElementById("demodd117");
outputdd.innerHTML = dd.value;
document.getElementById("demodd117").style.display= 'none';
var strUser117 = "0";    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser117 = this.value;
}   
    
  
// Required Effort q121
var dd = document.getElementById("q121");
var outputdd = document.getElementById("demodd121");
outputdd.innerHTML = dd.value;
document.getElementById("demodd121").style.display= 'none';
var strUser121 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser121 = this.value;
}
    
// Required Effort q122
var dd = document.getElementById("q122");
var outputdd = document.getElementById("demodd122");
outputdd.innerHTML = dd.value;
document.getElementById("demodd122").style.display= 'none';
var strUser122 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser122 = this.value;
}
    
// Required Effort q123
var dd = document.getElementById("q123");
var outputdd = document.getElementById("demodd123");
outputdd.innerHTML = dd.value;
document.getElementById("demodd123").style.display= 'none';
var strUser123 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser123 = this.value;
}
    
// Required Effort q124
var dd = document.getElementById("q124");
var outputdd = document.getElementById("demodd124");
outputdd.innerHTML = dd.value;
document.getElementById("demodd124").style.display= 'none';
var strUser124 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser124 = this.value;
}
    
// Required Effort q125
var dd = document.getElementById("q125");
var outputdd = document.getElementById("demodd125");
outputdd.innerHTML = dd.value;
document.getElementById("demodd125").style.display= 'none';
var strUser125 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser125 = this.value;
}
    
// Required Effort q126
var dd = document.getElementById("q126");
var outputdd = document.getElementById("demodd126");
outputdd.innerHTML = dd.value;
document.getElementById("demodd126").style.display= 'none';
var strUser126 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser126 = this.value;
}
    
// Required Effort q127
var dd = document.getElementById("q127");
var outputdd = document.getElementById("demodd127");
outputdd.innerHTML = dd.value;
document.getElementById("demodd127").style.display= 'none';
var strUser127 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser127 = this.value;
}
    
    
    

    
// Required Effort q131
var dd = document.getElementById("q131");
var outputdd = document.getElementById("demodd131");
outputdd.innerHTML = dd.value;
document.getElementById("demodd131").style.display= 'none';
var strUser131 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser131 = this.value;
}

// Required Effort q132
var dd = document.getElementById("q132");
var outputdd = document.getElementById("demodd132");
outputdd.innerHTML = dd.value;
document.getElementById("demodd132").style.display= 'none';
var strUser132 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser132 = this.value;
}

// Required Effort q133
var dd = document.getElementById("q133");
var outputdd = document.getElementById("demodd133");
outputdd.innerHTML = dd.value;
document.getElementById("demodd133").style.display= 'none';
var strUser133 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser133 = this.value;
}

// Required Effort q134
var dd = document.getElementById("q134");
var outputdd = document.getElementById("demodd134");
outputdd.innerHTML = dd.value;
document.getElementById("demodd134").style.display= 'none';
var strUser134 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser134 = this.value;
}

// Required Effort q135
var dd = document.getElementById("q135");
var outputdd = document.getElementById("demodd135");
outputdd.innerHTML = dd.value;
document.getElementById("demodd135").style.display= 'none';
var strUser135 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser135 = this.value;
}

// Required Effort q136
var dd = document.getElementById("q136");
var outputdd = document.getElementById("demodd136");
outputdd.innerHTML = dd.value;
document.getElementById("demodd136").style.display= 'none';
var strUser136 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser136 = this.value;
}

// Required Effort q137
var dd = document.getElementById("q137");
var outputdd = document.getElementById("demodd137");
outputdd.innerHTML = dd.value;
document.getElementById("demodd137").style.display= 'none';
var strUser137 = "0";
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser137 = this.value;
}

setInterval(
function() {  
window.strUser11 = Math.max(window.strUser111, window.strUser112, window.strUser113, window.strUser114, window.strUser115, window.strUser116, window.strUser117);
window.strUser12 = Math.max(window.strUser121, window.strUser122, window.strUser123, window.strUser124, window.strUser125, window.strUser126, window.strUser127);
window.strUser13 = Math.max(window.strUser131, window.strUser132, window.strUser133, window.strUser134, window.strUser135, window.strUser136, window.strUser137);
}
, 10);       
    
    
    
    
// Your Age
var dd = document.getElementById("q2");
var outputdd = document.getElementById("demodd2");
outputdd.innerHTML = dd.value;
document.getElementById("demodd2").style.display= 'none';
var strUser2 = 0;
    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser2 = this.value;
}    
    
// Your Gender
var dd = document.getElementById("q3");
var outputdd = document.getElementById("demodd3");
outputdd.innerHTML = dd.value;
document.getElementById("demodd3").style.display= 'none';
var strUser3 = "0";
    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser3 = this.value;
}
    
// Your Education
var dd = document.getElementById("q4");
var outputdd = document.getElementById("demodd4");
outputdd.innerHTML = dd.value;
document.getElementById("demodd4").style.display= 'none';
var strUser4 = "0";
    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser4 = this.value;
}    
    
    
// Your Input Device
var dd = document.getElementById("q5");
var outputdd = document.getElementById("demodd5");
outputdd.innerHTML = dd.value;
document.getElementById("demodd5").style.display= 'none';
var strUser5 = "0";
    
dd.oninput = function() {
  outputdd.innerHTML = this.value;
  window.strUser5 = this.value;
}    
    
    
    

    
function valuesend() {
liveSend({'esq11_var': strUser11, 'esq12_var': strUser12, 'esq13_var': strUser13, 'esq2_var': strUser2, 'esq3_var': strUser3, 'esq4_var': strUser4, 'esq5_var': strUser5});
}    
    
    
setInterval(
function() {  
    if (strUser11*1 == 0 || strUser12*1 == 0 || strUser13*1 == 0 || strUser2*1 == 0 || strUser3*1 == 0 || strUser4*1 == 0 || strUser5*1 == 0) {
        document.getElementById("buttonsubmit").disabled = true;
    } else {
        document.getElementById("buttonsubmit").disabled = false;
    }     
}
, 10);     
    
</script>

<button id="buttonsubmit" onclick="valuesend()" style="font-size:30px;">Submit</button> 
<br>  <br>  <br>  <br>  <br>  <br>  <br>  <br>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

{{ endblock }}