{% 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: 50px 25px 50px 25px ">
            <p class="formatting_content">
                <b>Please read the following sentences and indicate your agreement or disagreement:</b>
            </p>
        </div>
        <hr/>
        <div style="margin: 50px -25px 25px 25px">
            <table width="95%">
                <tr class="table">
                    <td width="75%">17. Compassion for those who are suffering is the most crucial virtue:</td>
                    <td>{% formfield player.Q17 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">18. When the government makes laws, the number one principle should be ensuring that
                        everyone is treated fairly:</td>
                    <td>{% formfield player.Q18 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">19. I am proud of my country’s history:</td>
                    <td>{% formfield player.Q19 label="" %}</td>
                </tr>
                
                <tr class="table">
                    <td width="75%">21. People should not do things that are disgusting, even if no one is harmed:</td>
                    <td>{% formfield player.Q21 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">22. It is better to do good than to do bad:</td>
                    <td>{% formfield player.Q22 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">23. One of the worst things a person could do is hurt a defenseless animal:</td>
                    <td>{% formfield player.Q23 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">24. Justice is the most important requirement for a society:</td>
                    <td>{% formfield player.Q24 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">25. People should be loyal to their family members, even when they have done
                        something wrong:</td>
                    <td>{% formfield player.Q25 label="" %}</td>
                </tr>
                
                <tr class="table">
                    <td width="75%">27. I would call some acts wrong on the grounds that they are unnatural:</td>
                    <td>{% formfield player.Q27 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">28. It can never be right to kill a human being:</td>
                    <td>{% formfield player.Q28 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">29. I think it’s morally wrong that rich children inherit a lot of money while poor
                        children inherit nothing:</td>
                    <td>{% formfield player.Q29 label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">30. It is more important to be a team player than to express oneself:</td>
                    <td>{% formfield player.Q30 label="" %}</td>
                </tr>
               
                <tr class="table">
                    <td width="75%">32. Chastity is an important and valuable virtue:</td>
                    <td>{% formfield player.Q32 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 %}