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

{% block title %}Allocate your points in both RED investment or WHITE investment!{% endblock %}

{% block content %}

{% if group.treatment == "tax" %}

<p>You are provided with 7 points and you have to allocate all of them choosing between two investments: WHITE investment and RED investment.</p>
<p>
    <strong>You cannot keep points for you because they will disappear at the end of the round.</strong></p>
<p>
    -	 WHITE investment gives you a benefit of 5 
</p>
<p>
    -	RED investment gives you a benefit of 10
</p>
<p>The two investments have a cost that depends on the total amount of points allocated by your group in both investments:</p>
<p>
    -	For each point allocated by your group in the WHITE investment you lose 1; 
</p>
<p>
    -	For each point allocated by your group in the RED investment you lose 3.</p>
<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>

Below there is a calculator to predict your payoff based on your allocation in RED investment and the allocation in RED investment of the other two players in your group. 
You can try as many times as you want.<br>
<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>
    
</p>

{% elif group.treatment == "information" %}


<p>You are provided with 7 points and you have to allocate all of them choosing between two investments: WHITE investment and RED investment.</p>
<p>
    <strong>You cannot keep points for you because they will disappear at the end of the round.</strong></p>
<p>
    -	 WHITE investment gives you a benefit of 5 
</p>
<p>
    -	RED investment gives you a benefit of 10
</p>
<p>The two investments have a cost that depends on the total amount of points allocated by your group in both investments:</p>
<p>
    -	For each point allocated by your group in the WHITE investment you lose 1; 
</p>
<p>
    -	For each point allocated by your group in the RED investment you lose 3.</p>
<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>

Below there is a calculator to predict your payoff based on your allocation in RED investment and the allocation in RED investment of the other two players in your group. 
You can try as many times as you want.<br>
<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>
    
</p>

{% else %}

<p>You are provided with 7 points and you have to allocate all of them choosing between two investments: WHITE investment and RED investment.</p>
<p>
    <strong>You cannot keep points for you because they will disappear at the end of the round.</strong></p>
<p>
    -	 WHITE investment gives you a benefit of 5 
</p>
<p>
    -	RED investment gives you a benefit of 10
</p>
<p>The two investments have a cost that depends on the total amount of points allocated by your group in both investments:</p>
<p>
    -	For each point allocated by your group in the WHITE investment you lose 1; 
</p>
<p>
    -	For each point allocated by your group in the RED investment you lose 3.</p>
<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>

Below there is a calculator to predict your payoff based on your allocation in RED investment and the allocation in RED investment of the other two players in your group. 
You can try as many times as you want.<br>
<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>

       {% endif %}


    
{% formfield player.investment %}

 
 
{% next_button %}



{% endblock %}