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



{% block title %}
Survey
{% endblock %}

{% block content %}


<p>Think about when you were deciding <b>how many bonus points to award to the employee</b>. Which of the following factors influenced this decision (You can select multiple factors):  
</p> 
{% formfield player.s_wb_effort %}	
{% formfield player.s_wb_confront %}	
{% formfield player.s_wb_fair_own %}	
{% formfield player.s_wb_fair_employee %}	
{% formfield player.s_wb_other %}	
<div id="s_wb_text"> {% formfield player.s_wb_text %}	</div>	


</br>

<label class="col-form-label">Please indicate what information you used when deciding the bonuses. Distribute to a total of 100, where 0 indicates that this information was not used in the bonus decision and 100 indicates that ONLY this information was used in the bonus decision. </label>

<div class="form-group row">
        <div class="col-sm-2">
                {{ form.s_bi_effort }}
          </div>      
    <label for="id_s_bi_effort" class="col-sm-6 col-form-label">How many winning balls the employee bought</label>
        
        </div>
<div class="form-group row">
        <div class="col-sm-2">
                {{ form.s_bi_outcome }}	
        </div>            
    <label for="id_s_bi_outcome" class="col-sm-6 col-form-label">Company profit level (HIGH or LOW)</label>
             
              </div>

<div class="form-group row">
        <div class="col-sm-2">
                {{ form.s_bi_other }}
        </div>
                    <label for="id_s_bi_other" class="col-sm-6 col-form-label">Other</label>
                
                  </div>

	<div id="s_bi_text"> {% formfield player.s_bi_text %}		
        </div>

    {% next_button %}

{% endblock %}


{% block scripts %}

    <!-- define a script -->
    <script>
          
  

        if(!$('#id_s_wb_other').is(':checked')) 
        {
            $("#s_wb_text").hide();
        }
       
$('#id_s_wb_other').change(function() {
        
        if(this.checked) {
            $("#s_wb_text").show();
        }
        else{
            $("#s_wb_text").hide();
        }
    });


if($('#id_s_bi_other').val()==0 || $('#id_s_bi_other').val()=="") 
        {
            $("#s_bi_text").hide();
        }
       
$('#id_s_bi_other').change(function() {
 
        if($('#id_s_bi_other').val()==0 || $('#id_s_bi_other').val()=="") {
            $("#s_bi_text").hide();
        }
        else{
      
            $("#s_bi_text").show();
        }
    });



    </script>
{% endblock %}