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

{% block title %}Understanding 1 (1/8) {% endblock %}

{% block content %}

<!------------------------------------ MODAL BUTTON ------------------------------------>

<br>
<button type="button" class="btn btn-secondary text-center" data-toggle="modal" data-target="#Review">
    REVIEW INSTRUCTIONS
</button>
<!-- Modal -->
<div class="modal fade bd-example-modal-lg" id="Review" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Instructions</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

   <div class="modal-body">

  {% if group.treatment == 1 %}  <!-- consumption case -->
    <p>
    [Enumerator, please explain:]
    <br>
    <br>
    -	If the woman picks the <font color="red">bad</font> plate for the man, he will pick a bean from the “BAD”  jar that has only 1 <font color=#00bfff>blue</font> bead and all <font color="red">red</font> beads – which means that there is a very high chance that the man will get the bad plate.
    <br>
    <br>
    -	If she picks the <font color=#00bfff>good</font> plate for the man, he will pick a bead from the “GOOD” jar that has only one <font color="red">red</font> bead and all <font color=#00bfff>blue</font> beads – which means it is almost certain that the man will receive the good plate.
    <br>
    </p>

{% elif group.treatment == 0 or group.treatment == 2 %}

    <p>
    [Enumerator, please explain:]
    <br>
    <br>
    -	If the woman picks the <font color="red">bad</font> plate for the man, he will pick a bead from the bag that has 2 <font color="red">red</font> beads and all <font color=#00bfff>blue</font> beads.
    <br>
    <br>
    -	If she picks the <font color=#00bfff>good</font> plate for the man, he will pick a bead from the bag that has only one <font color="red">red</font> bead – which means it is almost certain that the man will receive the <font color=#00bfff>good</font> plate.
    <br>
    <br>
    <b>However, please explain that in  either case, her choice matters only very little as almost all of the beads are blue in both bags
    </b>

   {% endif %}

      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
</div>
<br>
<br>

<!------------------------------------ END MODAL BUTTON ------------------------------------>

{% if player.role == 'A' %}
    <p>
    1) if you keep the <font color="red"><b>bad</b></font> plate for yourself, therefore you give the <font color="#00bfff"><b>good</b></font> plate for the man, from which bag the man picking the bead?
    </p>
{% elif player.role == 'B' %}
    <p>
    1) if the woman chooses the <font color="#00bfff"><b>good</b></font> plate for you, from which bag are you picking the bead?
    </p>
{% endif %}

    {% formfield player.understand1 %}


{{ form.errors }}

{% next_button %}

{% endblock %}