{% extends "global/Page.html" %}
{% load static %}

{% block styles %}
<style>
    .table{
        table-layout:fixed;
        border-collapse:collapse;
        margin-bottom:60px;
    }
    .table th,
    .table td{ border:none }
</style>
{% endblock %}

{% block content %}

<div class="panel-heading">
    <h5>You have almost reached the end of the study. However, we still want to ask you a couple of questions.</h5>
</div>
<div class="panel-heading">
    <h6><b>Please select the response that best reflects your agreement with each statement:<br>
        (1 = Strongly disagree, 7 = Strongly agree)</b></h6>
</div>

<br>

<table class="table">
    <tr><th colspan="7">I usually trust people until they give me a reason not to trust them.</th></tr>
    <tr><td colspan="2" style="text-align:left;">Strongly disagree</td><td colspan="3"></td>
        <td colspan="2" style="text-align:right;">Strongly agree</td></tr>
    <tr>{% for choice in form.suspicious_1 %}
        <td style="text-align:center; padding:3px 6px 1px 6px;">{{ choice.label }}</td>
        {% endfor %}</tr>
    <tr>{% for choice in form.suspicious_1 %}
        <td style="text-align:center; padding:0 6px;">{{ choice|safe }}</td>
        {% endfor %}</tr>
</table>

<table class="table">
    <tr><th colspan="7">I generally give people the benefit of the doubt when I first meet them.</th></tr>
    <tr><td colspan="2" style="text-align:left;">Strongly disagree</td><td colspan="3"></td>
        <td colspan="2" style="text-align:right;">Strongly agree</td></tr>
    <tr>{% for choice in form.suspicious_2 %}
        <td style="text-align:center; padding:3px 6px 1px 6px;">{{ choice.label }}</td>
        {% endfor %}</tr>
    <tr>{% for choice in form.suspicious_2 %}
        <td style="text-align:center; padding:0 6px;">{{ choice|safe }}</td>
        {% endfor %}</tr>
</table>

<table class="table">
    <tr><th colspan="7">My typical approach is to trust new acquaintances until they prove I should not trust them.</th></tr>
    <tr><td colspan="2" style="text-align:left;">Strongly disagree</td><td colspan="3"></td>
        <td colspan="2" style="text-align:right;">Strongly agree</td></tr>
    <tr>{% for choice in form.suspicious_3 %}
        <td style="text-align:center; padding:3px 6px 1px 6px;">{{ choice.label }}</td>
        {% endfor %}</tr>
    <tr>{% for choice in form.suspicious_3 %}
        <td style="text-align:center; padding:0 6px;">{{ choice|safe }}</td>
        {% endfor %}</tr>
</table>

<table class="table">
    <tr><th colspan="7">People are usually out for their own good.</th></tr>
    <tr><td colspan="2" style="text-align:left;">Strongly disagree</td><td colspan="3"></td>
        <td colspan="2" style="text-align:right;">Strongly agree</td></tr>
    <tr>{% for choice in form.suspicious_4 %}
        <td style="text-align:center; padding:3px 6px 1px 6px;">{{ choice.label }}</td>
        {% endfor %}</tr>
    <tr>{% for choice in form.suspicious_4 %}
        <td style="text-align:center; padding:0 6px;">{{ choice|safe }}</td>
        {% endfor %}</tr>
</table>

<table class="table">
    <tr><th colspan="7">People pretend to care more about one another than they really do.</th></tr>
    <tr><td colspan="2" style="text-align:left;">Strongly disagree</td><td colspan="3"></td>
        <td colspan="2" style="text-align:right;">Strongly agree</td></tr>
    <tr>{% for choice in form.suspicious_5 %}
        <td style="text-align:center; padding:3px 6px 1px 6px;">{{ choice.label }}</td>
        {% endfor %}</tr>
    <tr>{% for choice in form.suspicious_5 %}
        <td style="text-align:center; padding:0 6px;">{{ choice|safe }}</td>
        {% endfor %}</tr>
</table>

<table class="table">
    <tr><th colspan="7">Most people inwardly dislike putting themselves out to help other people.</th></tr>
    <tr><td colspan="2" style="text-align:left;">Strongly disagree</td><td colspan="3"></td>
        <td colspan="2" style="text-align:right;">Strongly agree</td></tr>
    <tr>{% for choice in form.suspicious_6 %}
        <td style="text-align:center; padding:3px 6px 1px 6px;">{{ choice.label }}</td>
        {% endfor %}</tr>
    <tr>{% for choice in form.suspicious_6 %}
        <td style="text-align:center; padding:0 6px;">{{ choice|safe }}</td>
        {% endfor %}</tr>
</table>

<table class="table">
    <tr><th colspan="7">Most people would tell a lie if they could gain by it.</th></tr>
    <tr><td colspan="2" style="text-align:left;">Strongly disagree</td><td colspan="3"></td>
        <td colspan="2" style="text-align:right;">Strongly agree</td></tr>
    <tr>{% for choice in form.suspicious_7 %}
        <td style="text-align:center; padding:3px 6px 1px 6px;">{{ choice.label }}</td>
        {% endfor %}</tr>
    <tr>{% for choice in form.suspicious_7 %}
        <td style="text-align:center; padding:0 6px;">{{ choice|safe }}</td>
        {% endfor %}</tr>
</table>

<table class="table">
    <tr><th colspan="7">People don’t always hold to the standard of honesty they claim.</th></tr>
    <tr><td colspan="2" style="text-align:left;">Strongly disagree</td><td colspan="3"></td>
        <td colspan="2" style="text-align:right;">Strongly agree</td></tr>
    <tr>{% for choice in form.suspicious_8 %}
        <td style="text-align:center; padding:3px 6px 1px 6px;">{{ choice.label }}</td>
        {% endfor %}</tr>
    <tr>{% for choice in form.suspicious_8 %}
        <td style="text-align:center; padding:0 6px;">{{ choice|safe }}</td>
        {% endfor %}</tr>
</table>

<table class="table">
    <tr><th colspan="7">Most people would cheat on their income tax if they thought they could get away with it.</th></tr>
    <tr><td colspan="2" style="text-align:left;">Strongly disagree</td><td colspan="3"></td>
        <td colspan="2" style="text-align:right;">Strongly agree</td></tr>
    <tr>{% for choice in form.suspicious_9 %}
        <td style="text-align:center; padding:3px 6px 1px 6px;">{{ choice.label }}</td>
        {% endfor %}</tr>
    <tr>{% for choice in form.suspicious_9 %}
        <td style="text-align:center; padding:0 6px;">{{ choice|safe }}</td>
        {% endfor %}</tr>
</table>

{% next_button %}
{% endblock %}