{% 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 the box below, you can see one of the five questions presented on the last page.
                Please, select the rating that is closest to the average rating that we received from all
                    members of Group A.
                If you choose the correct answer, you will receive a bonus of {{player.ITG_bonus}}!
                We will tell you whether you were right at the end of the study.
            </p>
        </div>
    </div>
    <div class="task_box">
        <div style="margin: 50px 25px 50px 25px ">
            <p class="formatting_content">
                <b> When deciding whether something is right or wrong, to what extent is the following consideration
                    relevant to the thinking of Group A? </b>
                    Please rate the statement in the same way as members of Group A did by 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 they 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 their judgments of right and wrong)</p>
            </p>
        </div>
        <hr/>
        <div style="margin: 50px -25px 25px 25px">
            <table width = "95%">
                <tr class="table">
                    <td width="70%">1. {{player.relevant_question}}:</td>
                    <td>{% formfield player.entered_answer 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 %}