{{ block title }}
    Your views on {{ if player.myTreatment == 0 }} enviornmental questions {{ endif }} {{ if player.myTreatment == 1 }} racial questions {{ endif }}
{{ endblock }}


{{ block content }}

{{ if player.myTreatment == 0 }} 
    Below is a series of statements. Please indicate per question how much you agree/disagree with each of these statements.
  
    <br><br>
	 <p>1. In the US, populations of mammals, fish, birds, reptiles, and amphibians have decreased drastically since the 1970s.</p>
    <div class="input-group">
    disagree <input type="range" name="unincentivized1" min="0" max="10" step="0.1" class="range" id="id_unincentivized1"> agree
	 </div>	  
    <input type="hidden" name="checkslider1" value="" id="id_checkslider1"/>
    <script>
      var selector1 = $('input[name=unincentivized1]');
      selector1.change(function() {
        $('#id_checkslider1').val(selector1.val());
		  liveSend({'slider': 1, 'v': selector1.val()});
      });
    </script>
    <script>
    document.getElementById("id_unincentivized1").value = js_vars.unincentivized1;
	</script>
    <br><br>

	 <p>2. Temperatures in the US have increased drastically during the last 100 years.</p>
    <div class="input-group">
    disagree <input type="range" name="unincentivized2" min="0" max="10" step="0.1" class="range" id="id_unincentivized2"> agree
	 </div>
    <input type="hidden" name="checkslider2" value="" id="id_checkslider2"/>
    <script>
      var selector2 = $('input[name=unincentivized2]');
      selector2.change(function() {
        $('#id_checkslider2').val(selector2.val());
		  liveSend({'slider': 2, 'v': selector2.val()});
      });
    </script>
    <script>
    document.getElementById("id_unincentivized2").value = js_vars.unincentivized2;
	</script>
    <br><br>

	 <p>3. Climate change/global warming is caused by human activities.</p>
    <div class="input-group">
    disagree <input type="range" name="unincentivized3" min="0" max="10" step="0.1" class="range" id="id_unincentivized3"> agree
	 </div>
    <input type="hidden" name="checkslider3" value="" id="id_checkslider3"/>
    <script>
      var selector3 = $('input[name=unincentivized3]');
      selector3.change(function() {
        $('#id_checkslider3').val(selector3.val());
		  liveSend({'slider': 3, 'v': selector3.val()});
      });
    </script>
    <script>
    document.getElementById("id_unincentivized3").value = js_vars.unincentivized3;
	</script>
    <br><br>

	 <p>4. The number of hurricanes in the US has increased drastically during the last 100 years.</p>
    <div class="input-group">
    disagree <input type="range" name="unincentivized4" min="0" max="10" step="0.1" class="range" id="id_unincentivized4" > agree
	 </div>
    <input type="hidden" name="checkslider4" value="" id="id_checkslider4"/>
    <script>
      var selector4 = $('input[name=unincentivized4]');
      selector4.change(function() {
        $('#id_checkslider4').val(selector4.val());
		  liveSend({'slider': 4, 'v': selector4.val()});
      });
    </script>
    <script>
    document.getElementById("id_unincentivized4").value = js_vars.unincentivized4;
	</script>
    <br><br>

	 <p>5. The number of wildfires in the US has increased drastically during the last 100 years.</p>
    <div class="input-group">
    disagree <input type="range" name="unincentivized5" min="0" max="10" step="0.1" class="range" id="id_unincentivized5"> agree
	 </div>
    <input type="hidden" name="checkslider5" value="" id="id_checkslider5"/>
    <script>
      var selector5 = $('input[name=unincentivized5]');
      selector5.change(function() {
        $('#id_checkslider5').val(selector5.val());
		  liveSend({'slider': 5, 'v': selector5.val()});
      });
    </script>
    <script>
    document.getElementById("id_unincentivized5").value = js_vars.unincentivized5;
	</script>
    <br><br>
{{ endif }}     


{{ if player.myTreatment == 1 }} 
    Below is a series of statements. Please indicate per question how much you agree/disagree with each of these statements.
  
    <br><br>
	 <p>1. Black and African Americans are generally at a disadvantage in the US. </p>
    <div class="input-group">
    disagree <input type="range" name="unincentivized1" min="0" max="10" step="0.1" class="range" id="id_unincentivized1"> agree
	 </div>	  
    <input type="hidden" name="checkslider1" value="" id="id_checkslider1"/>
    <script>
      var selector1 = $('input[name=unincentivized1]');
      selector1.change(function() {
        $('#id_checkslider1').val(selector1.val());
		  liveSend({'slider': 1, 'v': selector1.val()});
      });
    </script>
    <script>
    document.getElementById("id_unincentivized1").value = js_vars.unincentivized1;
	</script>
    <br><br>

	 <p>2. Generally, the more African or Black American people live in an area in the US, the higher the criminality in that area.</p>
    <div class="input-group">
    disagree <input type="range" name="unincentivized2" min="0" max="10" step="0.1" class="range" id="id_unincentivized2"> agree
	 </div>
    <input type="hidden" name="checkslider2" value="" id="id_checkslider2"/>
    <script>
      var selector2 = $('input[name=unincentivized2]');
      selector2.change(function() {
        $('#id_checkslider2').val(selector2.val());
		  liveSend({'slider': 2, 'v': selector2.val()});
      });
    </script>
    <script>
    document.getElementById("id_unincentivized2").value = js_vars.unincentivized2;
	</script>
    <br><br>

	 <p>3. Race relations in the US are generally bad.</p>
    <div class="input-group">
    disagree <input type="range" name="unincentivized3" min="0" max="10" step="0.1" class="range" id="id_unincentivized3"> agree
	 </div>
    <input type="hidden" name="checkslider3" value="" id="id_checkslider3"/>
    <script>
      var selector3 = $('input[name=unincentivized3]');
      selector3.change(function() {
        $('#id_checkslider3').val(selector3.val());
		  liveSend({'slider': 3, 'v': selector3.val()});
      });
    </script>
    <script>
    document.getElementById("id_unincentivized3").value = js_vars.unincentivized3;
	</script>
    <br><br>

	 <p>4. More needs to be done in society against racism.</p>
    <div class="input-group">
    disagree <input type="range" name="unincentivized4" min="0" max="10" step="0.1" class="range" id="id_unincentivized4" > agree
	 </div>
    <input type="hidden" name="checkslider4" value="" id="id_checkslider4"/>
    <script>
      var selector4 = $('input[name=unincentivized4]');
      selector4.change(function() {
        $('#id_checkslider4').val(selector4.val());
		  liveSend({'slider': 4, 'v': selector4.val()});
      });
    </script>
    <script>
    document.getElementById("id_unincentivized4").value = js_vars.unincentivized4;
	</script>
    <br><br>

	 <p>5. Black and African Americans are generally treated fairly by the police.</p>
    <div class="input-group">
    disagree <input type="range" name="unincentivized5" min="0" max="10" step="0.1" class="range" id="id_unincentivized5"> agree
	 </div>
    <input type="hidden" name="checkslider5" value="" id="id_checkslider5"/>
    <script>
      var selector5 = $('input[name=unincentivized5]');
      selector5.change(function() {
        $('#id_checkslider5').val(selector5.val());
		  liveSend({'slider': 5, 'v': selector5.val()});
      });
    </script>
    <script>
    document.getElementById("id_unincentivized5").value = js_vars.unincentivized5;
	</script>
    <br><br>
{{ endif }}     
  
   
    {{ next_button }}

{{ endblock }}