{% block title %}


    {% if player.round_number == 1  %}
     <p class="centerX"> <b>Round {{ 2 }}</b> </p>
    {% else %}
    Results
    {% endif %}

 <style>
     .centerX {
              font-family: Verdana, Arial, sans-serif;
             font-size: 45px;
              text-align: center;
              margin-bottom: 200px;
              margin-top: 50px ;
            }
    .center {
      font-family: Verdana, Arial, sans-serif;
      text-align: center;
      margin-bottom: 300px;
      margin-top: 50px ;
    }
    .center2 {
      font-family: Verdana, Arial, sans-serif;
      text-align: center;
      margin-bottom: 150px;
      margin-top: -90px ;
    }
    .blue-font {
      color: blue;
    }
    </style>


{% endblock %}
{% block content %}

    {% if player.round_number == 5 %}

    Thank you for your participation.<br><br>
        You got <b>{{ score }} points</b>.

    Please copy the following code and paste it in Prolific to receive your payment. <b>Code: {{ code }}</b> <br><br>

    <b>Feedback:</b> <br>
        Participation: 50 points. <br>
        {% if player.initial == 0 %}
            Social Survey attention check: {{ survey }} points. <br>
        {% else %}
            Social Survey: {{ survey }} points. <br>
        {% endif %}
        Bonus: {{ bonus }} points. <br><br>

        Payment round: {{ player.payment_round }} <br>
        Proportion of Blue balls: {{ n }} <br>
        Your guess: {{ guess }} <br>
        k: {{ k }}

        <br><br>

        We'd love to hear your feedback:
        {{ formfields }}
    {% else %}

        {% if player.initial == 1 %}

             <p class="center2">
             <b>Guess the Proportion of Blue Balls<br>
            Timeline</b><br><br>
            1. The computer filled a new urn with <span class="blue-font"><b>B</b></span> blue balls and 100-<span class="blue-font"><b>B</b></span> red balls. <br>
            <span class="blue-font"><b>B</b></span> was chosen randomly between 0 and 100.<br><br>
              </p>

        {% else %}

            <p class="center2">
            <b>Guess the Proportion of Blue Balls<br>
                Timeline</b><br><br>
            1. The computer filled a new urn with <span class="blue-font"><b>B</b></span> blue balls and 100-<span class="blue-font"><b>B</b></span> red balls. <br>
            <span class="blue-font"><b>B</b></span> was chosen randomly between 0 and 100.<br><br>
            2. The computer showed 10 random balls from the urn to the other Participant. <br>
                 The other Participant guessed the proportion of blue balls (<span class="blue-font"><b>B%</b></span>) in the urn. <br><br>
            3. The 10 balls were returned to the urn.
             </p>

        {% endif %}

    {% endif %}


    <p>{{ next_button }}</p>



{% endblock %}