{{ extends 'global/Page.html' }}
{{ block title }}Probability Estimation{{ endblock }}

{{ block content }}

<h3>
Period {{ round }}
</h3>
<br>
<p>
{{if player.OwnsStock == True }}    
    Your current account balance is ${{player.Account}} and you hold the stock.
{{else}}
    Your current account balance is ${{player.Account}} and you do not hold the stock.
{{endif}}
</p>
<p>
The stock currently trades at ${{player.Price}}.    
</p>
<p>
{{if cont == 1}}
    The current period's price change is ${{player.PriceChange}}.
    <br>
    {{past_prices}}
{{else}}
    The aggregated price change over the last 5 periods is ${{player.AggregateChange}} <small>({{ individual_prices }})</small>.    
{{endif}}
</p> 
<b>
Given the past price updates, what do you think is the likelihood (in %) that the stock is currently in the <em>good</em> state?
<br>
Please indicate the likelihood on the slider below:
<p id="feedback_one" ></p>
<input type="range" name="Belief" value={{lastbelief}} step="1" style="width:500px" min="0" max="100" id="id_slider_one" class="form-control">
<script>
let lastvalue = {{lastbelief}};   
document.getElementById("feedback_one").innerHTML = `You have selected `+lastvalue+'%.';
</script>
<script>
$('input[name=Belief]').on('input', function() {
        	document.getElementById("feedback_one").innerHTML = `You have selected `+$(this).val()+'%.';
    	});
</script>
<br>
{{ formfield_errors 'Belief' }}
</b>
<br>
{{ next_button }}

{{ endblock }}