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

{% block styles %}
<style>
.ImageBorder {
  border-width: 2px;
  border-color: Black !important;
}
.column {
  float: left;
  width: 50%;
  padding: 10px;
}

</style>


{% endblock %}


{% block title %}
Decision about the Evaluation System

{% endblock %}

{% block content %}


<div class="instructions well well-lg">

<p align="justify">Now, please choose whether you want to receive feedback from the Public or Private evaluation systems.</p>
<p align="justify">Please find below the visual description of the two evaluation systems again.</p>
    <p align="justify">Please remember that your partner also gets to see your feedback in case you choose the Public evaluation system.
    While this is not the case if you choose the Private evaluation system.</p>

</div>
      <figure>
                  <div class="column"><figure><figcaption><center><strong>Public Evaluation System</strong></center></figcaption><p align="center"><img  class="ImageBorder" align="center" width="420" height="400"   src="{% static "pictures/public.png" %}"/></div></figure></button>
        <div class="column"><figure><figcaption><center><strong>Private Evaluation System</strong></center></figcaption><p align="center"><img  class="ImageBorder" align="center" width="420" height="400"   src="{% static "pictures/private.png" %}"/></div></figure></button>
        </figure>
<center> {% formfield player.choice_feedback label="Your Choice" %} </center><br>


{% next_button %}<br>


{% endblock %}