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

{% block title %}
  {% blocktrans trimmed %}Comprehension check{% endblocktrans %}
{% endblock %}


{% block content %}
  {% if sample_condition == 0 %}
    <p>{% blocktrans trimmed %}
    It is important that you understand the task. Below you see an example of a choice phase situation. Please answer the questions regarding this situation.
    {% endblocktrans %}</p>
    <div style = "display: inline-block; width: 60%; margin-top:40px;">
    <img style = 'border:.1em solid #000000' src='{% static "img/dfdcheck.png" %}'/ width = '98%'>
    </div>
  {% else %}
    <p>{% blocktrans trimmed %}
    It is important that you understand the task. Below you see an example of a choice phase situation. Please answer the questions regarding this situation.
    {% endblocktrans %}</p>
    <div style = "display: inline-block; width: 60%; margin-top:40px;">
    <img style = 'border:.1em solid #000000' src='{% static "img/dfecheck.png" %}'/ width = '98%'>
    </div>
  {% endif %}
  <div style = "display: inline-block; width: 40%; margin-top:0px;">
    {% formfields %}
  </div>
  {% blocktrans trimmed %}
      <p><b>On the next page you will be informed about possible bonus payment. Click on "Next" to navigate to the next page.</b></p>
  {% endblocktrans %}

  {% next_button %}

{% endblock %}