{% 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>. Please indicate how much you agree with each of the following statements:  
</p> 
{% if participant.vars.treatment_noG != 1 %} 
{{ formfield player.s_importance_guideline}}
{% endif %}
{{ formfield player.s_importance_balls}}
{{ formfield player.s_importance_fair}}
{{ formfield player.s_importance_e_fair}}

</br>

<label class="col-form-label">Please indicate which criterion you used to decide how much bonus to award to your employee. Distribute 100 points, where 0 points indicate that you didn’t use some criterion at all, and 100 points indicate that you used some criterion exclusively.
    I awarded bonuses to my employee …
     </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">Based on how many winning balls my employee had 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">Based on whether Keystone’s profit had been 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">Based on some other criterion</label>
                
                  </div>

	<div id="s_bi_text"> {% formfield player.s_bi_text %}		
        </div>
<br>
    {% 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 %}