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


{% block title %}
    Almost Done!
{% endblock %}

{% block content %}
    <hr>
    <p>To ensure that no participants were stuck waiting for too long during the study, we needed to recruit more participants
        than could be formed into teams in stage 2. Through no doing of yours, you could not be added to a team. You will
        still receive your extra credit and compensation of $4.00. Please enter your information below, and click "Next" to complete the study.
    </p>
    <hr>

    <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="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. 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 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 (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 %}