{{ extends "global/Page.html" }}
{% block scripts %}

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
 <script>


    $(document).ready(function() {
        $('.item-hidden').hide();
        $('.item-hidden2').hide();
    });

    $(function(){

            $('input[name="manager_priority"]:radio').change(function(){

                var show_val = $("input[name=manager_priority]:radio:checked").val();
                if (show_val != "c") {

                    $("input[name=manager_priority_magnitude]:radio").attr('checked', false);

                    if (show_val == "a") {
                        $('.item-hidden').show();
                        $('.item-hidden-1').show();
                        $('.item-hidden-2').hide();
                    }
                    else if (show_val == "b") {
                        $('.item-hidden').show();
                        $('.item-hidden-2').show();
                        $('.item-hidden-1').hide();
                    }
                } else {
                    $('.item-hidden').hide();
                    $("input[name=manager_priority_magnitude]:radio").filter('[value="1"]').attr('checked', true);

                }
            });

            $('input[name="control_attribution"]:radio').change(function(){

                var show_val2 = $("input[name=control_attribution]:radio:checked").val();
                if (show_val2 != "c") {

                    $("input[name=attribution_magnitude]:radio").attr('checked', false);

                    if (show_val2 == "a") {
                        $('.item-hidden2').show();
                        $('.item-hidden-2-1').show();
                        $('.item-hidden-2-2').hide();
                    }
                    else if (show_val2 == "b") {
                        $('.item-hidden2').show();
                        $('.item-hidden-2-2').show();
                        $('.item-hidden-2-1').hide();
                    }
                } else {
                    $('.item-hidden2').hide();
                    $("input[name=attribution_magnitude]:radio").filter('[value="1"]').attr('checked', true);

                }
            });
    });


 </script>

{% endblock %}

{% block title %}
    Follow-Up Questionnaire
{% endblock %}

{% block content %}
    <hr>
    <p>Stage 2 is now complete. Please answer the following questions. There are no right or wrong answers.
    </p>
    <hr>

    <p>
        Please indicate the extent to which you agree with the following statements.
    </p>

    <p>Manager B trusts me.</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.downward_trust %}
            <td align="center" valign="top" width="9%"><input type="radio" name="downward_trust" value="{{ forloop.counter}}"
                    id="id_downward_trust_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.downward_trust %}
            <td align="center" width="9%"><label for="id_downward_trust_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Manager B trusts Worker 2 and Worker 3.</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.downward_trust_coworkers %}
            <td align="center" valign="top" width="9%"><input type="radio" name="downward_trust_coworkers" value="{{ forloop.counter}}"
                    id="id_downward_trust_coworkers_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.downward_trust_coworkers %}
            <td align="center" width="9%"><label for="id_downward_trust_coworkers_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>


    <p>I trust Manager B.</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.upward_trust %}
            <td align="center" valign="top" width="9%"><input type="radio" name="upward_trust" value="{{ forloop.counter}}"
                    id="id_upward_trust_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.upward_trust %}
            <td align="center" width="9%"><label for="id_upward_trust_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I trust Worker 2 and Worker 3.</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.horizontal_trust %}
            <td align="center" valign="top" width="9%"><input type="radio" name="horizontal_trust" value="{{ forloop.counter}}"
                    id="id_horizontal_trust_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.horizontal_trust %}
            <td align="center" width="9%"><label for="id_horizontal_trust_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I like Manager B.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.manager_affinity %}
            <td align="center" valign="top" width="9%"><input type="radio" name="manager_affinity" value="{{ forloop.counter}}"
                    id="id_manager_affinity_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.manager_affinity %}
            <td align="center" width="9%"><label for="id_manager_affinity_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Worker 2 and Worker 3 contributed a lot to the project in Stage 1.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.coworkers_high_contributions %}
            <td align="center" valign="top" width="9%"><input type="radio" name="coworkers_high_contributions" value="{{ forloop.counter}}"
                    id="id_coworkers_high_contributions_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.coworkers_high_contributions %}
            <td align="center" width="9%"><label for="id_coworkers_high_contributions_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I consider myself a teammate of Worker 2 and Worker 3.   </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.team_identification %}
            <td align="center" valign="top" width="9%"><input type="radio" name="team_identification" value="{{ forloop.counter}}"
                    id="id_team_identification_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.team_identification %}
            <td align="center" width="9%"><label for="id_team_identification_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I like Worker 2 and Worker 3.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.coworker_affinity %}
            <td align="center" valign="top" width="9%"><input type="radio" name="coworker_affinity" value="{{ forloop.counter}}"
                    id="id_coworker_affinity_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.coworker_affinity %}
            <td align="center" width="9%"><label for="id_coworker_affinity_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>

    <br>
    <hr>
    <br>

    <p>Do you think Manager B cares more about your well-being or their own interests, or do they care about both equally?</p>
            <div class="item-hide">
                <div class="indented">
                    {% formfield player.manager_priority %}
                </div>
            </div>
    <br>
            <div class="item-hidden">
                <div class="item-hidden-1">
                    <p>How much more does Manager B care about your well-being relative to their own interests? </p>
                </div>
                <div class="item-hidden-2">
                    <p>How much more does Manager B care about their own interests relative to your well-being? </p>
                </div>
                <div class="indented"> {% formfield player.manager_priority_magnitude %} </div>
            </div>

    <br>
    <p>How much control do you believe Manager B had over the decision to require you to contribute at least $0.20 to the project in Stage 2? </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.manager_control %}
            <td align="center" valign="top" width="9%"><input type="radio" name="manager_control" value="{{ forloop.counter}}"
                    id="id_manager_control_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.manager_control %}
            <td align="center" width="9%"><label for="id_manager_control_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Who do you feel is more to blame for the requirement to contribute at least $0.20 to the project? Manager B, the
        other workers, or are both equally to blame?</p>
            <div class="item-hide2">
                <div class="indented">
                    {% formfield player.control_attribution %}
                </div>
            </div>
    <br>
            <div class="item-hidden2">
                <div class="item-hidden-2-1">
                    <p>How much more to blame is Manager B relative to the other workers?</p>
                </div>
                <div class="item-hidden-2-2">
                    <p>How much more to blame are the other workers relative to Manager B?</p>
                </div>
                <div class="indented"> {% formfield player.attribution_magnitude %} </div>
            </div>

    <br>
    <hr>
    <br>
    <p>Please indicate the extent to which you agree with the following statements regarding the
        project in <span style="font-weight: bold">Stage 2.</span></p>

    <p>I had complete autonomy over my contribution to the project.</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.s2_autonomy %}
            <td align="center" valign="top" width="9%"><input type="radio" name="s2_autonomy" value="{{ forloop.counter}}"
                    id="id_s2_autonomy_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.s2_autonomy %}
            <td align="center" width="9%"><label for="id_s2_autonomy_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Manager B intruded on my contribution decision for the project. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.s2_mgr_intrusion %}
            <td align="center" valign="top" width="9%"><input type="radio" name="s2_mgr_intrusion" value="{{ forloop.counter}}"
                    id="id_s2_mgr_intrusion_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.s2_mgr_intrusion %}
            <td align="center" width="9%"><label for="id_s2_mgr_intrusion_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Manager B treated me fairly during the project.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.s2_mgr_fairness %}
            <td align="center" valign="top" width="9%"><input type="radio" name="s2_mgr_fairness" value="{{ forloop.counter}}"
                    id="id_s2_mgr_fairness_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.s2_mgr_fairness %}
            <td align="center" width="9%"><label for="id_s2_mgr_fairness_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>The requirement to contribute at least $0.20 to the project was fair.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.s2_control_fairness %}
            <td align="center" valign="top" width="9%"><input type="radio" name="s2_control_fairness" value="{{ forloop.counter}}"
                    id="id_s2_control_fairness_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.s2_control_fairness %}
            <td align="center" width="9%"><label for="id_s2_control_fairness_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I chose to contribute ${{ s2_contribution }} to the project because I wanted to contribute about the
        same amount as Worker 2 and Worker 3.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.s2_coworker_equity %}
            <td align="center" valign="top" width="9%"><input type="radio" name="s2_coworker_equity" value="{{ forloop.counter}}"
                    id="id_s2_coworker_equity_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.s2_coworker_equity %}
            <td align="center" width="9%"><label for="id_s2_coworker_equity_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I chose to contribute ${{ s2_contribution }} to the project because I wanted to help Manager B receive a bonus.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.s2_manager_bonus %}
            <td align="center" valign="top" width="9%"><input type="radio" name="s2_manager_bonus" value="{{ forloop.counter}}"
                    id="id_s2_manager_bonus_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.s2_manager_bonus %}
            <td align="center" width="9%"><label for="id_s2_manager_bonus_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I chose to contribute ${{ s2_contribution }} to the project because I felt like it was the right thing to do.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.s2_right_thing %}
            <td align="center" valign="top" width="9%"><input type="radio" name="s2_right_thing" value="{{ forloop.counter}}"
                    id="id_s2_right_thing_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.s2_right_thing %}
            <td align="center" width="9%"><label for="id_s2_right_thing_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I wanted my contribution to the project to be greater than the contributions of Worker 2 and Worker 3. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.s2_coworker_competition %}
            <td align="center" valign="top" width="9%"><input type="radio" name="s2_coworker_competition" value="{{ forloop.counter}}"
                    id="id_s2_coworker_competition_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.s2_coworker_competition %}
            <td align="center" width="9%"><label for="id_s2_coworker_competition_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>


    <br>
    <hr>
    {% next_button %}
{% endblock %}

{% block styles %}
    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; font-weight: normal !important;}
        .tabmarg {margin-left: 80px}
        .tabmarg2 {margin-left: 30px}
        label {font-weight: normal !important;}
        td {
          border-width: 1px ;
            }
    </STYLE>
{% endblock %}