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

{% block title %}
   Game 1
{% endblock %}

{% block content %}

<p> <b>
    This game can be taken into account when calculating your winnings.
</b></p>
            {% include Constants.instructions_GP_template %}


<div class="card bg-light m-3">
    <div class="card-body">

<br> <br>

         <h3> Comprehension test: </h3>


         <p> If you have invested 6 ECUs in the risky project: </p>

         <p> 1) How many ECUs have you kept? </p>

     <p> {% formfield player.risk11_qc_a label = ""%}
     </p>
         <p> 2) If the investment is successful, how many ECUs did you earn? </p>
         <p> {% formfield player.risk11_qc_b label = ""%}
     </p>
         <p> 3) If the investment is unsuccessful, how many ECUs did you earn? </p>
         <p> {% formfield player.risk11_qc_c label = ""%}
     </p>



    <br><br>


{% next_button %}



</div>
</div>


{% endblock %}



{% block scripts %}

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="https://code.highcharts.com/highcharts.js"></script>


    <script>
      function validateValue() {

              risk11_qc_a = parseFloat(document.getElementById('risk11_qc_a').value),
              risk11_qc_b = parseFloat(document.getElementById('risk11_qc_b').value),
              risk11_qc_c = parseFloat(document.getElementById('risk11_qc_c').value);

            if (risk11_qc_a >1) {
              window.alert("wwwwwwwwww");
              document.getElementById('risk11_qc_a').value = "";
            }

          }
    </script>

{% endblock %}