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

{% block styles %}



{% endblock %}


{% block title %}
Partner's Feedback and your Choice

{% endblock %}

{% block content %}


<div class="instructions well well-lg" xmlns="http://www.w3.org/1999/html">
<p align="justify"><h4><strong><center>Feedback of Your Partner</center></strong></h4><p>

<p align="justify">Your partner has chosen to receive feedback about his/her performance from the Public Evaluation System.</p>


<p align="justify">Your partner's feedback about his/her performance in the Quiz is the following:</p>

</div>

{% if signal1 == 1 %}
  <div class="column"><p align="center"><img  class="ImageBorder" align="center" width="500" height="170"   src="{% static "pictures/positivesignal.png" %}"/></div>

{% elif signal1 == -1 %}
  <div class="column"><p align="center"><img  class="ImageBorder" align="center" width="500" height="170"   src="{% static "pictures/negativesignal.png" %}"/></div>

{% else %}
  <div class="column"><p align="center"><img  class="ImageBorder" align="center" width="500" height="170"   src="{% static "pictures/nosignal.png" %}"/></div>

{% endif %}<br>

<div class="instructions well well-lg" xmlns="http://www.w3.org/1999/html">
<p>By adjusting the slider below, please state the probability with which you think that your partner scored in the top half of the distribution.
This question is not monetarily incentivised.</p>
<p>The initial position of the slider is randomly determined (it is NOT related to your partner's actual rank).</p>
</div>

<center>{% formfield player.choice_prior_partner label="Please adjust the slider to state the probability with which you think that your partner is in the top half of the distribution." %}</center>

{% next_button %}<br>

<div class="instructions well well-lg" xmlns="http://www.w3.org/1999/html">

        <p><div class="row">
        <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>
        </div>
</div>




{% endblock %}