{{ block title }}
    Guess other's guess
{{ endblock }}
{{ block content }}

	The computer matched you with someone who prefers the 
	{{ if player.partisanship <= 5 }} 
		<b>Republican</b>
	{{ else }}	
		<b>Democratic</b>
	{{endif }}
	party. 
{{ if player.myTreatment == 0 }}	
	Please enter below what you think the other participant entered as a guess for temperature difference in California between 1950-1959 and 2010-2019.	
	<br><br>
	<center>
	1950-1959 warmer<input type="range" name="estimateOthersEstimate" value="None" step="0.01" min="-10" max="10" id="id_slider_one" style="width:500px" class="range">2010-2019 warmer
	<p id="feedback_one"></p>
	</center>	
	<input type="hidden" name="checksliderOthersEstimate" value="" id="id_checksliderOthersEstimate"/>
    <script>
      var selector1 = $('input[name=estimateOthersEstimate]');
      selector1.change(function() {
        $('#id_checksliderOthersEstimate').val(selector1.val());
		  liveSend({'slider': 1, 'v': selector1.val()});
      });
    </script>
	<script>
		$(document).ready(function () {
    		$('input[name=estimateOthersEstimate]').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 below what you think the other participant entered as a guess for the difference in homicide mortality in 2019 between state A and state B.	<br>
	- State A has the 3rd <b>lowest</b> percentage of population that is Black or African American <br>
	- State B has the 3rd <b>highest</b> percentage of population that is Black or African American<br>
	<br><br>
	<center>
	State A<input type="range" name="estimateOthersEstimate" value="None" step="0.01" min="-5" max="5" id="id_slider_one" style="width:500px" class="range">State B
	<p id="feedback_one"></p>
	</center>	
	<input type="hidden" name="checksliderOthersEstimate" value="" id="id_checksliderOthersEstimate"/>
    <script>
      var selector1 = $('input[name=estimateOthersEstimate]');
      selector1.change(function() {
        $('#id_checksliderOthersEstimate').val(selector1.val());
		  liveSend({'slider': 1, 'v': selector1.val()});
      });
    </script>
	<script>
		$(document).ready(function () {
    		$('input[name=estimateOthersEstimate]').on('input', function() {
				var absoluteValue = Math.abs($(this).val()) + 1
				if (absoluteValue == 1) {
					document.getElementById("feedback_one").innerHTML = 'both states have the same homicide mortality';
				}else {
				   document.getElementById("feedback_one").innerHTML = absoluteValue+'-times higher homicide mortality';
				}
    		});
   	 });    
	</script>
{{endif }}

<br><br>

    {{ next_button }}

{{ endblock }}