{{ extends "global/Page.html" }}


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

{% block content %}
    <hr>
    <p>Please answer the remaining questions below. When finished, click "Next" to complete the study.
    </p>
    <hr>

    <p>How much do you think Manager B expected you to contribute to the project in Stage 2
        ({{ if player.s2_control == 1 }}$0.20{{ else }}$0.00{{ endif }} - $1.00)?</p>
    <div class="indented"> $<input type="text" size="4" maxlength="4" name="s2_mgr_expectations" id="s2_mgr_expectations" required></div>
    <br>

    {% if player.condition_label == "Low" %}
        <p>How did finding out that nobody on your team contributed more than you did in Stage 1 affect your contribution decision in Stage 2?</p>

    {% elif player.condition_label == "High" %}
        <p>How did finding out that nobody on your team contributed less than you did in Stage 1 affect your contribution decision in Stage 2?</p>
    {% elif player.condition_label == "NoInfo" %}
        <p>How did not knowing what anyone else on your team contributed in Stage 1 affect your contribution decision in Stage 2?</p>
    {% elif player.condition_label == "Full" %}
        <p>How did finding out what Worker 2 and Worker 3 contributed in Stage 1 affect your contribution decision in Stage 2?</p>
    {% elif player.condition_label == "Team" %}
        <p>How did finding out what your team's total contribution was in Stage 1 affect your contribution decision in Stage 2?</p>
    {% else %}
        <p>How did not knowing what anyone else on your team contributed in Stage 1 affect your contribution decision in Stage 2?</p>
    {% endif %}

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

    {% if player.s2_control == 1 %}

        <p>
            How did you feel when you learned about the requirement to contribute at least $0.20 to the project?
        </p>
        <div class="indented"> <textarea name="control_reaction" id="control_reaction" cols="70" rows="5" required></textarea></div>
        <br>

        <p>
            Why do you think Manager B imposed this requirement?
        </p>
        <div class="indented"> <textarea name="manager_motivation" id="manager_motivation" cols="70" rows="5" required></textarea></div>
        <br>
    {% else %}

        <p>
            How did you feel when you learned that Manager B did not impose the requirement to contribute at least $0.20 to the project?
        </p>
        <div class="indented"> <textarea name="control_reaction" id="control_reaction" cols="70" rows="5" required></textarea></div>
        <br>

        <p>
            Why do you think Manager B chose not to impose this requirement?
        </p>
        <div class="indented"> <textarea name="manager_motivation" id="manager_motivation" cols="70" rows="5" required></textarea></div>
        <br>
    {% endif %}


    <hr>
    <p>
        Please indicate the extent to which you agree with the following statements.
    </p>
    <p>I get energized by working on tasks that have the potential to benefit others.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.helping_energizes %}
            <td align="center" valign="top" width="9%"><input type="radio" name="helping_energizes" value="{{ forloop.counter}}"
                    id="id_helping_energizes_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.helping_energizes %}
            <td align="center" width="9%"><label for="id_helping_energizes_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>It is important to me to have the opportunity to use my abilities to benefit others. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.helping_importance %}
            <td align="center" valign="top" width="9%"><input type="radio" name="helping_importance" value="{{ forloop.counter}}"
                    id="id_helping_importance_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.helping_importance %}
            <td align="center" width="9%"><label for="id_helping_importance_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I prefer to work on tasks that allow me to have a positive impact on others. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.helping_preference %}
            <td align="center" valign="top" width="9%"><input type="radio" name="helping_preference" value="{{ forloop.counter}}"
                    id="id_helping_preference_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.helping_preference %}
            <td align="center" width="9%"><label for="id_helping_preference_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I do my best when I'm working on a task that contributes to the well-being of others. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.best_while_helping %}
            <td align="center" valign="top" width="9%"><input type="radio" name="best_while_helping" value="{{ forloop.counter}}"
                    id="id_best_while_helping_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.best_while_helping %}
            <td align="center" width="9%"><label for="id_best_while_helping_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I like to work on tasks that have the potential to benefit others. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.like_helping %}
            <td align="center" valign="top" width="9%"><input type="radio" name="like_helping" value="{{ forloop.counter}}"
                    id="id_like_helping_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.like_helping %}
            <td align="center" width="9%"><label for="id_like_helping_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <hr>
    <p>
        Please indicate the extent to which you have felt the following today:
    </p>

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

    <p>Upset </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.affect_upset %}
            <td align="center" valign="top" width="9%"><input type="radio" name="affect_upset" value="{{ forloop.counter}}"
                    id="id_affect_upset_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.affect_upset %}
            <td align="center" width="9%"><label for="id_affect_upset_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>
    <p>Interested </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.affect_interested %}
            <td align="center" valign="top" width="9%"><input type="radio" name="affect_interested" value="{{ forloop.counter}}"
                    id="id_affect_interested_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.affect_interested %}
            <td align="center" width="9%"><label for="id_affect_interested_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>
    <p>Distressed </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.affect_distressed %}
            <td align="center" valign="top" width="9%"><input type="radio" name="affect_distressed" value="{{ forloop.counter}}"
                    id="id_affect_distressed_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.affect_distressed %}
            <td align="center" width="9%"><label for="id_affect_distressed_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>
    <p>Determined </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.affect_determined %}
            <td align="center" valign="top" width="9%"><input type="radio" name="affect_determined" value="{{ forloop.counter}}"
                    id="id_affect_determined_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.affect_determined %}
            <td align="center" width="9%"><label for="id_affect_determined_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>
    <p>Nervous</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.affect_nervous %}
            <td align="center" valign="top" width="9%"><input type="radio" name="affect_nervous" value="{{ forloop.counter}}"
                    id="id_affect_nervous_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.affect_nervous %}
            <td align="center" width="9%"><label for="id_affect_nervous_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>

    <hr>
    <p>
        Please answer these demographic questions:
    </p>

    Age (Please enter a whole number)
        <div class="tabmarg2"> {% formfield player.age %}</div>
    <br>

    Gender Identity
        <div class="tabmarg2"> {% formfield player.gender %}</div>
    <br>

    Major
        <div class="tabmarg2"> {% formfield player.major %}</div>
    <br>

    MONTHS of full-time work experience (Please enter a whole number)
        <div class="tabmarg2"> {% formfield player.work_experience %}</div>
    <br>

    <hr>
    <span style="font-weight: bold">Please indicate how you would like to receive the compensation you earned in today's study.</span>
    <br>
        <div class="tabmarg2">{{ formfield 'pay_method' }}</div>

    <table class="noborder" width="80%">
        <tr>
            <td width="10%">&nbsp;</td>
            <td colspan="2">
                If you are choosing an electronic payment, please enter your user information for that payment platform and
                an email address to receive confirmation when payment is made (which will be within the next 24-48 hours). If choosing
                cash, please refer to the instructions provided to you earlier for picking up your payment.
            </td>
        </tr>
        <tr>
            <td width="10%">&nbsp;</td>
            <td width="30%">Payment platform user info:&nbsp;&nbsp;</td>
            <td>
                <input type="text" size="40" name="pay_id" id="pay_id">
            </td>
        </tr>
        <tr>
            <td width="10%">&nbsp;</td>
            <td width="30%">Email:&nbsp;&nbsp;</td>
            <td>
                <input type="text" size="40" name="email" id="email">
            </td>
        </tr>
    </table>

    <hr>
    <table class="noborder" width="80%">
        <tr>
            <td colspan="2">
            For purposes of receiving your extra credit, please enter your name and the Professor who offered you
            extra credit for participating. As a reminder, none of your decisions from the study will be shared with
            anyone individually or associated with you personally.</td>
        </tr>
        <tr>
            <td width="30%">First Name</td>
            <td><input type="text" size="40" name="first_name" id="first_name"></td>
        </tr>
        <tr>
            <td width="30%">Last Name</td>
            <td><input type="text" size="40" name="last_name" id="last_name"></td>
        </tr>
        <tr>
            <td width="30%">Professor who offered you extra credit</td>
            <td><input type="text" size="40" name="referring_prof" id="referring_prof"></td>
        </tr>
    </table>

    <hr>
    <button type="button" class="btn btn-primary" onclick="checkwork(0)">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;}
        .noborder table, .noborder tbody, .noborder td, .noborder th, .noborder tr
        {
            border: none;
        }
        td {
          border-width: 1px ;
            }
    </STYLE>
{% endblock %}

{% block scripts %}

 <script language="JavaScript">
function checkwork(autosubmit){

    var mgr_exp = document.getElementById("form").elements["s2_mgr_expectations"].value;
    var pay_method = document.getElementById("form").elements["pay_method"].value;
    var pay_id = document.getElementById("form").elements["pay_id"].value;
    var email = document.getElementById("form").elements["email"].value;
    var first_name = document.getElementById("form").elements["first_name"].value;
    var last_name = document.getElementById("form").elements["last_name"].value;
    var referring_prof = document.getElementById("form").elements["referring_prof"].value;
    var checkflag = 0;

    {{ if player.s2_control == 0 }}
        if (Number(mgr_exp) < 0 || Number(mgr_exp) > 1.00)   {
            alert("Please enter an amount for the first question between 0.00 and 1.00.");
            document.getElementById("s2_mgr_expectations").focus()
            return;
        }
    {{ else }}
        if (Number(mgr_exp) < 0.20 || Number(mgr_exp) > 1.00)   {
            alert("Please enter an amount for the first question between 0.20 and 1.00.");
            document.getElementById("s2_mgr_expectations").focus()
            return;
        }
    {{ endif }}


    if (first_name == "" || last_name == "" || referring_prof == "") {
        alert("Please enter your first and last name, and the professor who offered you extra credit.");
        return;
    }

    if (pay_method == "") {
        alert("Please indicate how you would like to receive payment for your participation.");
        return;
    }

    if (pay_method != "" & pay_method != "a") {
        if (pay_id == "" || email == "") {
            alert("If electing electronic payment, please enter user info for your preferred platform," +
                " as well as an email address to receive confirmation of payment.");
            return;
        }
    }

    if (email != "") {
        if (email.indexOf(".") == -1 || email.indexOf("@") == -1) {
            alert("Please enter a valid email address (something@something.something)");
            return;
        }
    }


    if (checkflag > 0) {
        alert(".");
    } else {
        if (pay_method == "a") {
            document.getElementById("form").elements["pay_id"].value = "N/A";
            document.getElementById("form").elements["email"].value = "N/A";
            document.getElementById("form").submit();
        } else {
            document.getElementById("form").submit();
        }
    }


 }


 </script>


{% endblock %}