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

{% block title %}
Choose the employee bonus for period {{subsession.round_number}} of {{C.NUM_ROUNDS}}
{% endblock %}

{% block content %}

        {% if group.collected_expensive_info %} 
        {% include C.TEMPLATE_REPORT_EXPENSIVE %}
        {% else %}
        {% include C.TEMPLATE_REPORT_CHEAP %}
        {% endif %}
    </p>
   
    {% formfields %}

    <!-- {% if group.is_disaggregate_treatment %} 
    <p id="text_total" >The total bonus will apear here once you make your choices. </p>
    {% endif %} -->


    <p>
      <button type="button" class="btn btn-primary" onclick="checkSubmit()">Next</button>
  </p>


  

{% endblock %}

{% block scripts %}

    <!-- define a script -->
    <script>
        max_bonus=parseInt({{C.BONUS_MAX_PER_TASK|json}})
        function checkSubmit() {
        let form = document.getElementById('form');
        let isValid = form.reportValidity();
        if (!isValid) return;

        let warnings = [];
        max_possible_bonus= parseInt({{C.BONUS_MAX_TOTAL|json}}) 
        let input_overall= parseInt($("#id_bonus_total").val());
        let input_a = parseInt($("#id_bonus_a").val());
        let input_b = parseInt($("#id_bonus_b").val());
        let input_c = parseInt($("#id_bonus_c").val());
        if (input_overall)
        total_bonus=input_overall
        else
        total_bonus=input_a+input_b+input_c
        let text = `You will award a total bonus of ${total_bonus} points out of the maximum of ${max_possible_bonus} to the employee.`
        
        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();
    }
//         $('#id_bonus_a').change(
//     function(){
//       let input_a = parseInt($(this).val());
//       let input_b = parseInt($("#id_bonus_b").val());
//       let input_c = parseInt($("#id_bonus_c").val());
      
//       if (isNaN(input_a) || isNaN(input_b) || isNaN(input_c))
//       {

//     }
//     else
//     {

//        if (input_a>100 || input_b>100|| input_c>100)
       
//        {
//         text_profit=`You have awarded a bonus that is too high for one of the tasks. You cannot spend more than ${max_bonus} points on each task.`
//        }
// else
// {
     
//        total_bonus=input_a+input_b+input_c

//        text_profit=`Based on the current choices, you will award a total bonus of ${total_bonus} points to the employee.`
     
// }
//        $('#text_total').text(text_profit);

//     }
    
//     });

//     $('#id_bonus_b').change(
//     function(){
//       let input_a = parseInt($("#id_bonus_a").val());
//       let input_b =parseInt($(this).val()); 
//       let input_c = parseInt($("#id_bonus_c").val());
      
//       if (isNaN(input_a) || isNaN(input_b) || isNaN(input_c))
//       {

//     }
//     else
//     {

//        if (input_a>100 || input_b>100|| input_c>100)
       
//        {
//         text_profit=`You have awarded a bonus that is too high for one of the tasks. You cannot spend more than ${max_bonus} points on each task.`
//        }
// else
// {
     
//        total_bonus=input_a+input_b+input_c

//        text_profit=`Based on the current choices, you will award a total bonus of ${total_bonus} points to the employee.`
     
// }
//        $('#text_total').text(text_profit);

//     }
    
//     });

//     $('#id_bonus_c').change(
//     function(){
//       let input_a = parseInt($("#id_bonus_a").val());
//       let input_b =parseInt($("#id_bonus_b").val());
//       let input_c = parseInt($(this).val()); 
      
//       if (isNaN(input_a) || isNaN(input_b) || isNaN(input_c))
//       {

//     }
//     else
//     {

//        if (input_a>100 || input_b>100|| input_c>100)
       
//        {
//         text_profit=`You have awarded a bonus that is too high for one of the tasks. You cannot spend more than ${max_bonus} points on each task.`
//        }
// else
// {
     
//        total_bonus=input_a+input_b+input_c

//        text_profit=`Based on the current choices, you will award a total bonus of ${total_bonus} points to the employee.`
     
// }
//        $('#text_total').text(text_profit);

//     }
    
//     });


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

    </script>
{% endblock %}