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

{{ block title }}
  <p>{{if subsession.round_number == 1 }}
    Practice Round
{{ else }}
   Round {{ round_shown }} of {{ total_shown }}
{{ endif }}
  </p>
{{ endblock }}




{{ block content }}

<script>

//calculator functions

function bank()
{
let x = document.getElementById("val1").value;
let y = document.getElementById("val2").value;
return Math.round(Math.pow(x,1/3)*Math.pow(y,2/3)*100.0)/100.0;
}

function solve()
{
let x = document.getElementById("val1").value;
let y = document.getElementById("val2").value;
document.getElementById("result").value = bank(x,y);
}

</script>


<p>
    Below is a simple calculator to help you calculate your score based on your proposed selections:
</p>
Proposed discount: <input type="number" id = "val1" />
<br>
Proposed quality: <input type="number" id = "val2" />
<br>
<button type="button" onclick="solve()">Calculate</button>
Score: <input type="double" id="result"/>


 <p> </p>
    <br>
 <p> </p>


<p><strong>
    Please make the following decisions.
</strong>
</p>

<p>
   {{formfield "winner_pay_choice"}}
</p>
<p>
   {{formfield "all_pay_choice"}}
</p>


<p>
    <button>Submit</button>
</p>


{{ endblock }}