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


{% block content %}


<div class="card bg-light instructions">
    <div class="card-body">
ID = {{label}} group = {{group}}
<!-- ISTRUZIONI-->
 <div class="row">
    <div class="col-sm-12">
      <div class="alert alert-primary" role="alert" style="text-align:center">
        <h4>  FINAL RESULTS</h4>

      </div>
    </div>
  </div>


<div class="container">
  <div class="row">
<font size="4">
    <div class="col-sm">
      <p class="text-justify"> With your first choice ({% if choice == 10 %} Option A {% else %} Option B {% endif %}) you earned €{{pay_1}}  and, {% if burn == 1 %} since the donation was reduced, {% else %}  since the donation was not reduced, {% endif %} you made a donation of €{{donation_1}} . </p>
      <p class="text-justify"> Then you chose  {% if choice2_old == 10 %} Option A {% else %} Option B {% endif %}. </p>
      <p class="text-justify"> You decided to assign a total of {{cost_pun}} points for a cost of €{{cost_pun}}. </p>
      <p class="text-justify"> You received {{point_pun}} points for a reduction of €{{red_pun}}. </p>
      {% if red_pun == 6 %} <p class="text-justify"> <b> Since both the other members decided to assign you 1 point, you second choice has been changed in {% if choice2 == 10 %} Option A. {% else %} Option B. {% endif %} </b></p>
      {% elif red_pun !=  6 %} <p class="text-justify">  Your choice in the second phase was not affected by the decisions of others and it is {% if choice2 == 10 %} Option A {% else %} Option B {% endif %}{% endif %} </p>

      <p class="text-justify"> Your guess about others' choices was {% if pay_belief_q1 != 0 %} correct, {% else %} wrong, {% endif %} so you earned €{{pay_belief_q1}}. </p>
      <p class="text-justify"> Your guess about others' beliefs was {% if pay_belief_q2 != 0 %} correct, {% else %} wrong, {% endif %} so you earned €{{pay_belief_q2}}. </p>

      {% if final_agree == 1 %}
      <p class="text-justify"> With your second choice you earned €{{pay_2}}  and, {% if burn == 1 %} since the donation was reduced, {% else %}  since the donation was not reduced, {% endif %} you made a donation of €{{donation_2}}. </p>
      <p class="text-justify"> Your final payment is of €{{finalpay}} tokens and your total donation is of €{{total_donation}}  </p>
      {% else %}
      <p class="text-justify"> Your group has not reached a consensus, so you will receive only the payoff from the first decision (€{{pay_1}}) and from your correct guesses. The donation to the chairy is €{{donation_1}} and your final payment is  of €{{finalpay}}</p>
      {% endif %}

  </div>
    </div>
      </div>
        </div>

        <!--		BOTTONE PROSEGUI	2	-->
         <div class="row">
            <div class="col-sm-12 text-center">
            <button type="button" id = "btn_submit" class="btn btn-outline-primary btn-lg"> NEXT </button>

          </div>

         </div>



          </div>




  {% endblock %}




        {% block scripts %}
<script>
$(document).ready(function(){
            });

$("#btn_submit").click(function(){
$("#form").submit()
      });
</script>




{% endblock %}