{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}

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

{% block content %}
    <hr>
    <p>
        Please complete the brief questionnaire that follows, and then click “Next” to proceed. There are no right or wrong answers. We are just interested in your opinions and
        perceptions.
    </p>
    <hr>


    <p>
        How <b>difficult</b> did you find the decoding task to be?
    </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.peq_task_difficulty %}
            <td align="center" valign="top" width="9%"><input type="radio" name="peq_task_difficulty" value="{{ forloop.counter}}"
                    id="id_peq_task_difficulty_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.peq_task_difficulty %}
            <td align="center" width="9%"><label for="{{ radio.id_for_label }}">{{ radio.choice_label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>
        How <b>enjoyable</b> did you find the decoding task to be?
    </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.peq_task_enjoyment %}
            <td align="center" valign="top" width="9%"><input type="radio" name="peq_task_enjoyment" value="{{ forloop.counter}}"
                    id="id_peq_task_enjoyment_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.peq_task_enjoyment %}
            <td align="center" width="9%"><label for="{{ radio.id_for_label }}">{{ radio.choice_label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>


    <p>
        Compared to you, how much decoding work do you think the average person would be able to complete in the time given (2 minutes)?
    </p>
    <table class="indented" width="70%"><tr><td width="5%"></td> <td align="left">{% formfield player.peq_average %}</td></tr></table>
    <hr>


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

    <p>Excited</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.peq_affect_excited %}
            <td align="center" valign="top" width="9%"><input type="radio" name="peq_affect_excited" value="{{ forloop.counter}}"
                    id="id_peq_affect_excited_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.peq_affect_excited %}
            <td align="center" width="9%"><label for="{{ radio.id_for_label }}">{{ radio.choice_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.peq_affect_upset %}
            <td align="center" valign="top" width="9%"><input type="radio" name="peq_affect_upset" value="{{ forloop.counter}}"
                    id="id_peq_affect_upset_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.peq_affect_upset %}
            <td align="center" width="9%"><label for="{{ radio.id_for_label }}">{{ radio.choice_label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

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

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

    <p>Inspired</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.peq_affect_inspired %}
            <td align="center" valign="top" width="9%"><input type="radio" name="peq_affect_inspired" value="{{ forloop.counter}}"
                    id="id_peq_affect_inspired_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.peq_affect_inspired %}
            <td align="center" width="9%"><label for="{{ radio.id_for_label }}">{{ radio.choice_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.peq_affect_nervous %}
            <td align="center" valign="top" width="9%"><input type="radio" name="peq_affect_nervous" value="{{ forloop.counter}}"
                    id="id_peq_affect_nervous_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.peq_affect_nervous %}
            <td align="center" width="9%"><label for="{{ radio.id_for_label }}">{{ radio.choice_label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <hr>
    <p>Please answer these demographic questions:</p>
    <p>Gender </p>
    <table class="indented"><tr><td width="10%"></td> <td>{% formfield player.peq_gender %}</td></tr></table>
    <p>Major</p>
    <table class="indented"><tr><td width="10%"></td> <td>{% formfield player.peq_major %}</td></tr></table>



    {% next_button %}



{% endblock %}

{% block styles %}
    <STYLE TYPE="text/css">
        .indented { padding-left: 25pt; padding-right: 50pt; font-weight: normal !important; }
        .tabmarg {margin-left: 80px; border-color: silver}
        label {font-weight: normal !important;}


    </STYLE>
{% endblock %}

{% block scripts %}
<script language="JavaScript">

</script>

{% endblock %}