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

{% block title %}
    Conclusion
{% endblock %}

{% block content %}
    <div class="info_box">
        <div class="header">
            <p class="formatting_header">
                Information:
            </p>
        </div>
        <div class="content">
            <p class="formatting_content">
                Before we inform you about your earnings and transfer you back to Prolific, we would like to ask you
                    some optional questions.
                In doing so, please consider that all your data is collected anonymously and will not affect your
                    payment!
            </p>
        </div>
    </div>
    <div class="task_box">
        <div style="margin: 25px">
            <table style="margin: 25px" width="95%">
                <tr class="table">
                    <td width="75%">1. What is your age?</td>
                    <td>{% formfield player.age label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">2. What is your gender?</td>
                    <td>{% formfield player.gender label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">3. Which of the following best describes your ethnicity?</td>
                    <td>{% formfield player.ethnicity label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">4. What is your highest obtained degree?</td>
                    <td>{% formfield player.degree label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">5. What is your current employment status?</td>
                    <td>{% formfield player.employment_status label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">6. Approximately, how high is your yearly income in US Dollar (after taxes)?</td>
                    <td>{% formfield player.income label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">7. Which type of community do you live in?</td>
                    <td>{% formfield player.community label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">8. How would you describe your religious views?</td>
                    <td>{% formfield player.religion label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">9. How would you describe your political affiliation?</td>
                    <td>{% formfield player.politics 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 %}