{% extends "global/Page.html" %}
{% load otree %}

{% block title %}Trial: get confidence with the game!{% endblock %}

{% block content %}

<p>All the players in the group are provided with 7 points and you have to allocate all of them choosing between two investments: WHITE investment and RED investment. You cannot keep points for you because they will disappear at the end of the round. </p>
<p>•	 WHITE investment gives you a benefit of 5</p>
<p>•	RED investment gives you a benefit of 10</p>
<p>


</p><p>But the two investment have a cost that depends on the total points invested by your group in both investments:</p>
<p>•	For each point invested by your group in the WHITE investment you lose 1;</p>
<p>•	For each point invested by your group in the RED investment you lose 3.</p><p>

    <script>

function calculate_this() {
  var myinput = document.getElementById('mine').value;
  var othersinput = document.getElementById('others').value;
  var partialresults = parseInt(5 * (7 - myinput) - (parseInt(21) - parseInt(myinput) - parseInt(othersinput)) + parseInt(10) * parseInt(myinput) - 3 * parseInt(myinput) - 3 * parseInt (othersinput));
  var results
    if (partialresults > 0) {
  results = partialresults;
  }
  else {
      results = 0;
       }
   
      
  document.getElementById('results').innerHTML = results;
}
</script>

<strong>Below there is a CALCULATOR to help you with next questions and the game. Choose your allocation in RED investment and the allocation in RED investment of the other two players in your group. It will show you the payoff (profitto) you would get with that combination. 
    You can try as many times as you want.</strong><br>

Your allocation in RED investment: (an integer number between 0 and 7) <br>
<input type="number" id="mine" > <br>
The sum of the allocation in RED investment of the other two players: (an integer number between 0 and 14) <br>
<input type="number" id="others" > <br>
<br>
<input type=button value="Calculate the predicted payoff" onClick="calculate_this()"><br>
<br>
    <strong>Your payoff with these choices: <span id="results">(click "Calculate")</span></strong>
<p>
    
    
<script>

function check_the_result1() {
var solution1 = document.getElementById("solution1").value
var text1;

if (solution1 === "5") {
  text1 = "Correct, well done!";

} else {
  text1 = "Wrong, try again!";
}
document.getElementById('results1').innerHTML = text1}
</script>

<p><strong>QUESTION 1:</strong></p> If you think that other players choose to allocate in
total 9 points in the WHITE investment. 
How many points are they allocating in the RED investment?<br>
<br>
<input type="number" id="solution1" > <br>
<br>
<input type=button value="Submit" onClick="check_the_result1()"><br>
<br>
<strong>Result: <span id="results1">(click "Submit")</span></strong>

<script>


function check_the_result2() {
var solution2 = document.getElementById("solution2").value
var text2;

if (solution2 === "0") {
  text2 = "Correct, well done!";

} else {
  text2 = "Wrong, try again!";
}
document.getElementById('results2').innerHTML = text2}
</script>
<br> 

<br>
<p><strong>QUESTION 2:</strong></p> <p>If you want to allocate 6 points in RED
investment and 1 in WHITE investment, 
what would it be other players’ allocation in RED investment that 
brings you the highest profit?</p><br>
<input type="number" id="solution2" > <br>
<br>
<input type=button value="Submit" onClick="check_the_result2()"><br>
<br>
<strong> Result: <span id="results2">(click "Submit")</span></strong>

<script>


function check_the_result3() {
var solution3 = document.getElementById("solution3").value
var text3;

if (solution3 === "7") {
  text3 = "Correct, well done!";

} else {
  text3 = "Wrong, try again!";
}
document.getElementById('results3').innerHTML = text3}
</script>
<br> 

<br>
<p><strong>QUESTION 3:</strong></p> <p>If you think that other players choose to allocate
in total 8 points in RED investment and 6 in WHITE investment, what would it be the allocation in RED investment
that brings you that highest profit?</p>
<input type="number" id="solution3" > <br>
<br>
<input type=button value="Submit" onClick="check_the_result3()"><br>
<br>
<strong>Result: <span id="results3">(click "Submit")</span></strong>
<p>   

</p> 
<p>If  any results is <strong>wrong</strong>, retry to understand how the game works.</p>

<br>

{% formfields %}

{% next_button %}


{% endblock %}