{{ block title }}
    Guess {{ if player.myTreatment == 0 }} a temperature difference {{ endif }} {{ if player.myTreatment == 1 }} difference in unemployment rate {{ endif }}
{{ endblock }}
{{ block content }}

{{ if player.myTreatment == 0 }} 
	Please enter by how much you think the average temperature differed during 2010-2019:
	<br><br>
	
	<center>
	Dallas warmer<input type="range" name="estimateTest" value="None" step="0.1" min="-10" max="10" id="id_slider_one" style="width:500px" class="range">Sacramento warmer
	<p id="feedback_one"></p>
	</center>	
	<input type="hidden" name="checksliderTest" value="" id="id_checksliderTest"/>
    <script>
      var selector1 = $('input[name=estimateTest]');
      selector1.change(function() {
        $('#id_checksliderTest').val(selector1.val());
		  liveSend({'slider': 1, 'v': selector1.val()});
      });
    </script>	
	<script>
		$(document).ready(function () {
    		$('input[name=estimateTest]').on('input', function() {
				var absoluteValue = Math.abs($(this).val())
        		document.getElementById("feedback_one").innerHTML = 'warmer by '+absoluteValue+'&#8457';
    		});
   	 });    
	</script>
{{ endif }} 

{{ if player.myTreatment == 1 }} 
	Please enter by how much you think the the average unemployment rate differs between State A and State B.<br>
	- State A has the 2nd <b>lowest</b> percentage of population that is Black or African American<br>
	- State B has the 2nd <b>highest</b> percentage of population that is Black or African American.
	<br><br>
	
	<center>
	Unemployment is higher in: <br>
	State A<input type="range" name="estimateTest" value="None" step="0.1" min="-4" max="4" id="id_slider_one" style="width:500px" class="range">State B
	<p id="feedback_one"></p>
	</center>	
	<input type="hidden" name="checksliderTest" value="" id="id_checksliderTest"/>
    <script>
      var selector1 = $('input[name=estimateTest]');
      selector1.change(function() {
        $('#id_checksliderTest').val(selector1.val());
		  liveSend({'slider': 1, 'v': selector1.val()});
      });
    </script>	
	<script>
		$(document).ready(function () {
    		$('input[name=estimateTest]').on('input', function() {
				var absoluteValue = Math.abs($(this).val()) + 1
				if (absoluteValue == 1) {
					document.getElementById("feedback_one").innerHTML = 'both states have the same unemployment rate';
				}else {
				   document.getElementById("feedback_one").innerHTML = absoluteValue+'-times higher unemployment rate';
				}
    		});
   	 });    
	</script>
{{ endif }} 


    {{ next_button }}

{{ endblock }}