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

{% block title %}

The Outcome for this round

{% endblock %}


{% block content %}
<br>
<div class="instructions well well-lg" >
    In this round, <strong>{{ Constants.nameperformer }}</strong> performed the additions task for you. After {{ Constants.Pronounperformer }}  performance,
    the associated <i> wheel of fortune</i>, as per the table shown to you on the previous page (and shown below), was played.</p>

    <p> The outcome from the <i> wheel of fortune</i> was <strong>{{ Constants.outcome}}</strong> </p>
</div>
<br>

<p><center>This means that in this round, you earned <strong>{{ Constants.outcome}}</strong>.</center></p>
<br>

How much would you like to pay {{ Constants.nameperformer }} from the separate pot of money (in $)? {% formfield player.DeciderPay1 label="" %}
            How much would you like to pay a random other <strong>Green player</strong> from the separate pot of money (in $)? {% formfield player.DeciderPay2 label="" %} <br>

        <div class="instructions well well-lg" xmlns="http://www.w3.org/1999/html">
        <p> As indicated previously, you can earn extra money by answering the <strong>first question</strong> below correctly.
            In particular, if you correctly guess the number of correct additions that <strong>{{ Constants.nameperformer }}</strong> solved for you,
            you can additionally earn $1.00.</p>    </div>


    How many questions do you think {{ Constants.nameperformer }} solved correctly? {% formfield player.BeliefExPost1 label="" %}

    If you could rate {{ Constants.nameperformer }} based on {{ Constants.Pronounperformer }} performance, what rating would you give {{ Constants.Pronounperformer1 }}, between 0 (lowest rating) and 10 (highest rating)?{% formfield player.BeliefExPost2 label="" %}

    If you could, would you like {{ Constants.nameperformer }} to perform the task for you again? {% formfield player.BeliefExPost3 label="" %}

        </br>


{% next_button %}<br>
<h6>
  <table class="table table-bordered text-center" style="width: auto; margin: auto">

                <tr >
                    <td><strong>Number of correct answers by {{ Constants.nameperformer }}</strong> </td>
                    <td><strong>led to</strong></td>
                    <td><strong>Wheel of fortune earned by you</strong></td>
                </tr >

                <tr>
                    <td style="text-align: center; vertical-align: middle;"><strong>Between 0 to 2 correct answers</strong></td>
                    <td style="text-align: center; vertical-align: middle;">–></td>
                     <td align="left"><p align="center"><img  class="center" align="center" width="300" height="200" src="{% static "pictures/Picture4AA.png" %}"/>
</li></td>
                </tr>
                <tr>
                <td style="text-align: center; vertical-align: middle;"><strong>Between 3 to 4 correct answers</strong></td>
</li></td>
                    <td style="text-align: center; vertical-align: middle;">–></td>
                     <td align="left"><p align="center"><img  class="center" align="center" width="265" height="200" src="{% static "pictures/Picture4AB.png" %}"/>
</li></td>
                </tr>
                 <tr>
           <td colspan="3"> Remember, red corresponds to <strong>$0</strong>, purple corresponds to <strong>$1</strong> and blue corresponds to <strong>$2.</strong> </td>
      </tr>

             </table></li>  <br>

</h6>


{% endblock %}