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

{% block title %}
   Captcha
{% endblock %}

{% block content %}

    <br>
    <p><span class="important-text"><b>Please, reply the following questions to prove you are not a bot:</b></span></p>

    <table class="table" style="align-content: middle">
        <tr>
            <td style="text-align:center">
                <br>
                    <div style="text-align:center">
                    <br>
                        <p><img src="{% static 'experiment/attentioncheck.png' %}" width="350" /></p>
                    </div>
                <br>
                <div class="boxed"><span class="important-text" style="text-align:center"><p><b>Your gross income is {{ income }} ECU.</b></p></span></div>

            </td>
            <td></td>
            <td></td>
            <td></td>
            <td>
                <p>{% formfield player.check6 label='<b>How much gross income did you earn in Part 1? </b>' %}</p>
                <p>{% formfield player.check7 label='<b>What is the highest quantity written in the table? </b>' %}</p>
                <p>{% formfield player.check8 label='<b>What amount in the table is closest to your income? </b>' %}</p>
                <p>{% formfield player.check9 label='<b>What proportion of your gross income is 10,000?</b> (%)' %}</p>
            </td>
        </tr>
    </table>

    <p>{% next_button %}</p>

<p><button onclick="ReadMore()" type="button">Double-click to Review Instructions</button></p>

<div id="Instructions_Panel">
    {% include Constants.instructions_template %}
</div>

{% endblock %}