{% 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 additional 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 device did you use during this study?</td>
                    <td>{% formfield player.device label="" %}</td>
                </tr>
                <tr class="table">
                    <td width="75%">2. What browser did you use during this study?</td>
                    <td>{% formfield player.browser label="" %}</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="task_box">
        <div style="margin: 25px">
            <p style="margin-bottom: 25px">
                <b>The following questions are optional and can be left blank:</b>
            </p>
            <table style="margin: 25px" width="95%">
                <tr class="table">
                    <td>{% formfield player.understanding_problems label="3. If you had any problems of understanding during the experiment, please let us know in this field:"%}</td>
                </tr>
                <tr class="table">
                    <td>{% formfield player.technical_problems label="4. If you had any technical problems during the experiment, please let us know in this field:"%}</td>
                </tr>
                <tr class="table">
                    <td>{% formfield player.comments label="5. Do you have any further comments?" %}</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 %}