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

{% block title %}
    Please return the HIT if you are color blind
{% endblock %}

{% block content %}

<p>This task requires color differentiation ability. Unfortunately, color blind people cannot participate in this study. Please write the number you see in the image to show that you can distinguish colors. </p>

<div class="row">

    <div class="col-md-4 text-center">
        <img src="{% static 'Colors/img/4.jpg' %}"/> 
       
        <input name="color_blind_1" type="text" />
        {{ form.color_blind_1.errors }}
    </div>

    <div class="col-md-4 text-center">
        <img src="{% static 'Colors/img/53.jpg' %}"/>
        <input name="color_blind_2" type="text" />
        {{ form.color_blind_2.errors }}
    </div>

    <div class="col-md-4 text-center">
        <img src="{% static 'Colors/img/47.jpg' %}"/>
        <input name="color_blind_3" type="text" />
        {{ form.color_blind_3.errors }}
    </div>

</div>

</br>



{% next_button %}

{% endblock %}