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

{% block title %}
Choose what information to collect for period {{subsession.round_number}} of {{C.NUM_ROUNDS}}
{% endblock %}

{% block content %}



    {% formfield group.collected_expensive_info %}

    <p id="text_profit">The information you will observe will appear here after you make your choice.</p>

    <p id="text_cost">Your cost will appear here after you make your choice.</p>

    <p>
    {% next_button %}
    </p>



{% endblock %}

{% block scripts %}



       <script>  
       
       total_funds= parseInt({{C.SUPERVISOR_ENDOWMENT|json}})
       cost_info= js_vars.cost

    
        $('#id_collected_expensive_info').change(
    function(){
      let choice = $('input[name="collected_expensive_info"]:checked').val();
      
      if (choice=="True")
      {       
        text_profit=`Based on the current choice, you will observe the employee investment in Project A, Project B, and Project C separately.`
        text_cost=`You will spend ${cost_info} points out of your base amount of ${total_funds} points.`}
        else{      
        text_profit=`Based on the current choice, you will only observe the employee investment in Project A.`
        text_cost=`You will NOT spend any points out of your base amount of ${total_funds} points.`}
    
       $('#text_profit').text(text_profit);
       $('#text_cost').text(text_cost);

    }
    
    );





        </script>



{% endblock %}