{{ 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 receive confirmation of completing this study.
    </p>
    <hr>
    <br>
    <p>Given the choice of compensation contracts, which one do you prefer? </p>
    <div class="indented">Contract A: Fixed salary of 900 and a potential for a 100 bonus if you hit your target<br>
     Contract B: Fixed salary of 1000 and a potential for a 100 penalty if you do not hit your target<br><br>
            </div>
    <p>Indicate your preference on a scale of
        0-100, where 0 = Strong preference for contract A, and 100 = Strong preference for contract B.</p>
    <div class="indented"><input type="text" size="3" maxlength="3" name="contract_preference" id="contract_preference" required></div>
    <br>
    <hr>
    <br>
    <p>
        Please indicate the extent to which you agree with the following:
    </p>
    <p>People see me as a natural leader.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.narcissism_1 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="narcissism_1" value="{{ forloop.counter}}"
                    id="id_narcissism_1_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.narcissism_1 %}
            <td align="center" width="9%"><label for="id_narcissism_1_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

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

    <p>Many group activities tend to be dull without me.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.narcissism_3 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="narcissism_3" value="{{ forloop.counter}}"
                    id="id_narcissism_3_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.narcissism_3 %}
            <td align="center" width="9%"><label for="id_narcissism_3_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I know that I am special because everyone keeps telling me so.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.narcissism_4 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="narcissism_4" value="{{ forloop.counter}}"
                    id="id_narcissism_4_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.narcissism_4 %}
            <td align="center" width="9%"><label for="id_narcissism_4_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

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

    <p>I feel embarrassed if someone compliments me.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.narcissism_6 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="narcissism_6" value="{{ forloop.counter}}"
                    id="id_narcissism_6_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.narcissism_6 %}
            <td align="center" width="9%"><label for="id_narcissism_6_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>I have been compared to famous people.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.narcissism_7 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="narcissism_7" value="{{ forloop.counter}}"
                    id="id_narcissism_7_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.narcissism_7 %}
            <td align="center" width="9%"><label for="id_narcissism_7_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

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

    <p>I insist on getting the respect I deserve.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.narcissism_9 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="narcissism_9" value="{{ forloop.counter}}"
                    id="id_narcissism_9_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.narcissism_9 %}
            <td align="center" width="9%"><label for="id_narcissism_9_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>
    <hr>
    <br>
    <p>
        Please answer these demographic questions:
    </p>

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

    Age (Please enter a whole number)
        <div class="tabmarg2"><br> <input type="text" size="2" maxlength="2" name="age" id="age" required></div>
    <br>

    GPA (0.00-4.00)
        <div class="tabmarg2"><br>  <input type="text" size="4" maxlength="4" name="gpa" id="gpa" required></div>
    <br>

    Major
        <div class="tabmarg2"><br> <input type="text" size="50" maxlength="50" name="major" id="major" required></div>
    <br>

    <span style="font-weight: bold">Months</span> of full-time work experience (Please enter a whole number)
        <div class="tabmarg2"><br>  <input type="text" size="2" maxlength="2" name="work_experience" id="work_experience" required></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).
            </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="90%">
        <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. If you did not receive an offer for extra credit, please enter "None" in that
                field. As a reminder, none of your decisions or information from the study will be shared with
            anyone individually or associated with you personally.</td>
        </tr>
        <tr>
            <td width="40%">First Name</td>
            <td><input type="text" size="40" name="first_name" id="first_name"></td>
        </tr>
        <tr>
            <td width="40%">Last Name</td>
            <td><input type="text" size="40" name="last_name" id="last_name"></td>
        </tr>
        <tr>
            <td width="40%">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}
        .noborder table, .noborder tbody, .noborder td, .noborder th, .noborder tr
        {
            border: none;
        }
        label {font-weight: normal !important;}
        td {
          border-width: 1px ;
            }
    </STYLE>
{% endblock %}


{{ block scripts }}

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

    var narc1 = document.getElementById("form").elements["narcissism_1"].value;
    var narc2 = document.getElementById("form").elements["narcissism_2"].value;
    var narc3 = document.getElementById("form").elements["narcissism_3"].value;
    var narc4 = document.getElementById("form").elements["narcissism_4"].value;
    var narc5 = document.getElementById("form").elements["narcissism_5"].value;
    var narc6 = document.getElementById("form").elements["narcissism_6"].value;
    var narc7 = document.getElementById("form").elements["narcissism_7"].value;
    var narc8 = document.getElementById("form").elements["narcissism_8"].value;
    var narc9 = document.getElementById("form").elements["narcissism_9"].value;
    var contract_pref = document.getElementById("form").elements["contract_preference"].value;
    var age = document.getElementById("form").elements["age"].value;
    var work_exp = document.getElementById("form").elements["work_experience"].value;
    var major = document.getElementById("form").elements["major"].value;
    var gpa = document.getElementById("form").elements["gpa"].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 (narc1 == "" || narc2 == "" || narc3 == "" || narc4 == "" || narc5 == "" || narc6 == "" || narc7 == ""
            || narc8 == "" || narc9 == "") {
        alert("Please answer all questions on this page. There are no right or wrong answers.");
        return;
    }

    if (gpa.indexOf(".") == -1 || gpa == "" || Number(gpa) < 0 || Number(gpa) > 4 || isNaN(Number(gpa)) )   {
        alert("Please enter a GPA between 0.00 and 4.00.");
        return;
    }

    if (age == "" || Number(age) < 18 || Number(age) > 99 || isNaN(Number(age)) )   {
        alert("Please enter an age between 18 and 99.");
        return;
    }

    if (work_exp == "" || Number(work_exp) < 0 || Number(work_exp) > 99 || isNaN(Number(work_exp)) )   {
        alert("Please enter months of work experience between 0 and 99.");
        return;
    }

    if (major == "") {
        alert("Please enter your major in the appropriate field.");
        return;
    }

    if (contract_pref == "" || Number(contract_pref) < 0 || Number(contract_pref) > 100 || isNaN(Number(contract_pref)) )   {
        alert("Please enter a number between 0 and 100 for the first question.");
        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 (first_name == "" || last_name == "" || referring_prof == "") {
        alert("Please enter your first and last name, and the professor who offered you extra credit.");
        return;
    }

    if (checkflag > 0) {
        alert("Please enter a number between 0 and 20.");
    } 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 }}