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


{% block content %}

ID = {{label}} group = {{group}}
<div class="card bg-light instructions">
    <div class="card-body">

<!-- ISTRUZIONI-->
 <div class="row">
    <div class="col-sm-12">
      <div class="alert alert-primary" role="alert" style="text-align:center">
        <h4>  FIRST CHOICE: RESULTS</h4>

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


<div class="container">
  <div class="row">
<font size="4">
    <div class="col-sm">
      <p class="text-justify"> {% if moda == - 1 %} Half of the participants in the session chose Option A (payment of €10 and with a probability of 60% the €2 for the charity will be halved)  and half chose Option B (€5 and the carity will receive €2) {% else %}
        The majority of participants in the session chose {% if moda == 10 %} Option A (payment of €10 and with a probability of 60% the €2 for the charity will be halved) {% else %} Option B. Payment of €5 and the carity will receive €2 {% endif %}{% endif %}. </p>
      <p class="text-justify"> You will be now assigned to a group made of you and other two participants drawn from the group of participants in the session.</p>

  </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 %}