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

{% block title %}
Choose your investment level for period {{subsession.round_number}} of {{C.NUM_ROUNDS}}
{% endblock %}

{% block content %}

<p>How many points do you want to invest in Project A, Project B, and Project C?</p>
<b>Project A</b>
    {% formfield group.effort_a label=effort_label_a %}
<b>Project B</b>
    {% formfield group.effort_b label=effort_label_b %}
<b>Project C</b>
    {% formfield group.effort_c label=effort_label_c %}
    <p>
        <button type="button" class="btn btn-primary" onclick="checkSubmit()">Next</button>
    </p>



{% endblock %}

{% block scripts %}



<script>
    function checkSubmit() {
        let form = document.getElementById('form');
        let isValid = form.reportValidity();
        if (!isValid) return;

        let warnings = [];
        let total_funds= parseInt({{C.EMPLOYEE_ENDOWMENT|json}})
        let benefit= parseInt({{C.BENEFIT_EFFORT|json}})
        let contributionA = parseInt(forminputs.effort_a.value)
        let contributionB = parseInt(forminputs.effort_b.value)
        let contributionC = parseInt(forminputs.effort_c.value)
        let totalContribution=contributionA+ contributionB+contributionC
        let totalOutput=totalContribution*benefit

        let text = "You indicated that you want to invest "+ totalContribution+ " points. This means your supervisor will gain " +totalOutput + " points."
        
        warnings.push(text);
        

        if (warnings.length > 0) {
            warnings.push("Press OK to proceed.")
            let confirmed = window.confirm(warnings.join('\r\n'));
            if (!confirmed) return;
        }

        form.submit();
    }

  </script>

  <!--     <script>  
       
       total_funds= parseInt({{C.EMPLOYEE_ENDOWMENT|json}})
       

        $('#id_effort_easy').change(
    function(){
      let input_easy = parseInt($(this).val());
      let input_hard = parseInt($("#id_effort_hard").val());
     
      if (isNaN(input_easy) || isNaN(input_hard))
      {

    }
    else
    {

       if (input_easy>50 || input_hard>50)
       
       {
        text_profit=`You have spend too many point on one of the tasks. You cannot spend more than ${max_effort} points on each task.`
        text_cost=``

       }
else
{
        contribution_profit=(input_easy+input_hard)*3
       cost_effort=input_easy+input_hard

       

       text_profit=`Based on the current choices, company value and your supervisor’s payoff will increase by ${contribution_profit} points.`
        text_cost=`You will spend ${cost_effort} points out of your salary of ${total_funds} points.`
}
       $('#text_profit').text(text_profit);
       $('#text_cost').text(text_cost);

    }
    
    });

    $('#id_effort_hard').change(
    function(){
      let input_easy = parseInt($("#id_effort_easy").val());
      let input_hard = parseInt($(this).val());

 
      if (isNaN(input_easy) || isNaN(input_hard))
      {
   
    }
    else
    {

        if (input_easy>50 || input_hard>50)
       
       {
        text_profit=`You have spend too many point on one of the tasks. You cannot spend more than ${max_effort} points on each task.`
        text_cost=``

       }
else
{

        contribution_profit=(input_easy+input_hard)*3
       cost_effort=input_easy+input_hard

       

       text_profit=`Based on the current choices, company value and your supervisor’s payoff will increase by ${contribution_profit}.`
        text_cost=`You will spend ${cost_effort} out of your salary of ${total_funds}.`
    }
        $('#text_profit').text(text_profit);
       $('#text_cost').text(text_cost);
    }
    
    
    });




          $('.otree-timer').hide();
          $(function () {
          $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 30) {
                $('.otree-timer').show();
            }
        });
    });

        </script> -->



{% endblock %}