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

{% block title %}
    Part 1
{% endblock %}

{% block content %}
    <div class="info_box">
        <div class="header">
            <p class="formatting_header">
                Information:
            </p>
        </div>
        <div class="content">
            <p class="formatting_content">
                In Part 1, we want you to answer a questionnaire.
                Please read the questions carefully and answer truthfully.
            </p>
        </div>
    </div>
    <div class="task_box">
        <div style="margin: 25px 25px 50px 25px ">
            <p class="formatting_content">
                <b> When you decide whether something is right or wrong, to what extent are the following considerations
                    relevant to your thinking?</b> Please rate each statement using this scale:
            </p>
            <p class="formatting_content">
                <p style="margin-left: 50px"> [5] = Extremely relevant (This is one of the most important factors when I judge right and wrong)</p>
                <p style="margin-left: 50px"> [4] = Very relevant</p>
                <p style="margin-left: 50px"> [3] = Somewhat relevant</p>
                <p style="margin-left: 50px"> [2] = Slightly relevant</p>
                <p style="margin-left: 50px"> [1] = Not very relevant</p>
                <p style="margin-left: 50px"> [0] = Not at all relevant (This consideration has nothing to do with my judgments of right and wrong)</p>
            </p>
        </div>
        <hr/>
        <div style="margin: 50px -25px 25px 25px">
            <table width="95%">
                <tr class="table">
                    <td width="75%">1. Whether or not someone suffered emotionally:</td>
                    <td>{% formfield player.Q1 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">2. Whether or not some people were treated differently than others:</td>
                    <td>{% formfield player.Q2 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">3. Whether or not someone’s action showed love for his or her country:</td>
                    <td>{% formfield player.Q3 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">5. Whether or not someone violated standards of purity and decency:</td>
                    <td>{% formfield player.Q5 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">6. Whether or not someone was good at math:</td>
                    <td>{% formfield player.Q6 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">7. Whether or not someone cared for someone weak or vulnerable:</td>
                    <td>{% formfield player.Q7 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">8. Whether or not someone acted unfairly:</td>
                    <td>{% formfield player.Q8 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">9. Whether or not someone did something to betray his or her group:</td>
                    <td>{% formfield player.Q9 label="" %}</td>
                </tr>
            
                <tr class="table">
                    <td width="75%">11. Whether or not someone did something disgusting:</td>
                    <td>{% formfield player.Q11 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">12. Whether or not someone was cruel:</td>
                    <td>{% formfield player.Q12 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">13. Whether or not someone was denied his or her rights:</td>
                    <td>{% formfield player.Q13 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">14. Whether or not someone showed a lack of loyalty:</td>
                    <td>{% formfield player.Q14 label="" %}</td>
                </tr>
                
                <tr class="table">
                    <td width="75%">16. Whether or not someone acted in a way that God would approve of:</td>
                    <td>{% formfield player.Q16 label="" %}</td>
                </tr>
            </table>
        </div>
     </div>
    <div class="button_box">
        <br>
        <span style="margin-right: 10px"> Click on the "Continue" button to continue with the study! </span>
        <input class="btn btn-primary" type="submit" value="Continue"/>
        <br><br>
    </div>
{% endblock %}
{% block styles %}
    <style>
        hr {
            border-top: 1px solid #343434;
        }
    </style>
{% endblock %}