{{ block title }}
    Machine guess: Round {{ player.round_number}}/{{ Constants.num_rounds }}
{{ endblock }}
{{ block content }}

<div class="card bg-light instructions">
<div class="card-body">

<br>
<h2>
Below you see the image from the <u>previous</u> page.
</h2>



{{ if player.treatment == 'blackbox_nofeed' or player.treatment == 'blackbox_feed'}} <img src="{{ static image_path_blackbox }}" style="width: 55vw; min-width: 330px;" class="center" />  {{ endif }}
{{ if player.treatment == 'trans_nofeed' or player.treatment == 'trans_feed'}} <img src="{{ static image_path_trans }}" style="width: 55vw; min-width: 330px;" class="center" />  {{ endif }}
{{ if player.treatment == 'dist'}} <img src="{{ static image_path }}" style="width: 55vw; min-width: 330px;" class="center" />  {{ endif }}
<br>
<br>


We will now provide you with an algorithmic prediction regarding the number of dots in this picture.  <br>
This prediction comes from an algorithm that is trying to solve the same problem as you have.
<br><br>
{{ if player.treatment == 'trans_nofeed' or player.treatment == 'trans_feed' or player.treatment == 'blackbox_nofeed' or player.treatment == 'blackbox_feed'}} 


       <span style="background-color:yellow; padding:10px 20px;">   <!-- This is to highlight text in yellow-->
 <b>{{ if subsession.round_number == 1}} The algorithm predicts that there are {{ Constants.machine_prediction1 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 2}} The algorithm predicts that there are {{ Constants.machine_prediction2 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 3}} The algorithm predicts that there are {{ Constants.machine_prediction3 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 4}} The algorithm predicts that there are {{ Constants.machine_prediction4 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 5}} The algorithm predicts that there are {{ Constants.machine_prediction5 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 6}} The algorithm predicts that there are {{ Constants.machine_prediction6 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 7}} The algorithm predicts that there are {{ Constants.machine_prediction7 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 8}} The algorithm predicts that there are {{ Constants.machine_prediction8 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 9}} The algorithm predicts that there are {{ Constants.machine_prediction9 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 10}} The algorithm predicts that there are {{ Constants.machine_prediction10 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 11}} The algorithm predicts that there are {{ Constants.machine_prediction11 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 12}} The algorithm predicts that there are {{ Constants.machine_prediction12 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 13}} The algorithm predicts that there are {{ Constants.machine_prediction13 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 14}} The algorithm predicts that there are {{ Constants.machine_prediction14 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 15}} The algorithm predicts that there are {{ Constants.machine_prediction15 }} dots in this picture.{{ endif }}</b>
{{ if subsession.round_number == 16}} The algorithm predicts that there are {{ Constants.machine_prediction16 }} dots in this picture.{{ endif }}</b>
       </span>

{{ endif }}

       <span style="background-color:yellow; padding:10px 20px;">  <!-- This is to highlight text in yellow-->
{{ if player.treatment == 'dist'}}
{{ if subsession.round_number == 1}} The algorithm predicts that there are {{ Constants.uni_pred_32 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 2}} The algorithm predicts that there are {{ Constants.machine_prediction1 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 3}} The algorithm predicts that there are {{ Constants.uni_pred_33 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 4}} The algorithm predicts that there are {{ Constants.machine_prediction2 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 5}} The algorithm predicts that there are {{ Constants.uni_pred_34 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 6}} The algorithm predicts that there are {{ Constants.machine_prediction3 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 7}} The algorithm predicts that there are {{ Constants.uni_pred_35 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 8}} The algorithm predicts that there are {{ Constants.machine_prediction4 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 9}} The algorithm predicts that there are {{ Constants.uni_pred_36 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 10}} The algorithm predicts that there are {{ Constants.machine_prediction5 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 11}} The algorithm predicts that there are {{ Constants.uni_pred_37 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 12}} The algorithm predicts that there are {{ Constants.machine_prediction6 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 13}} The algorithm predicts that there are {{ Constants.uni_pred_38 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 14}} The algorithm predicts that there are {{ Constants.machine_prediction7 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 15}} The algorithm predicts that there are {{ Constants.uni_pred_39 }} dots in this picture.{{ endif }}
{{ if subsession.round_number == 16}} The algorithm predicts that there are {{ Constants.machine_prediction8 }} dots in this picture.{{ endif }}
{{ endif }}
           </span>
<br>
<br>

{{ if player.treatment == 'trans_nofeed' or player.treatment == 'trans_feed' or player.treatment == 'dist'}}

<h2>Explanation of algorithm:</h2>

<ol>
  <li>The algorithm counts the number of dots within each red square.</li>
  <li>It then calculates the average of dots over the three squares.</li>
  <li>Finally, it multiplies this average by 25, because 25 squares cover the entire area.</li>
</ol> 
{{ endif }}



<b>Your initial guess was {{ player.guess_i }}.</b><br><br>
In light of the new information, you can now modify your guess. Please enter your revised guess below. <br><br>



        <!-- This is to add the clickable box (also see block scripts at the end)-->
    <button id="info-button" type="button">Payment info</button>
    <div id="info-box" class="mt-3" style="display:none; color:darkblue;">
        You will earn additional money for a good guess. You will receive ${{ Constants.bonus_correct_belief}} if you guess the correct number.
        This amount will be reduced by ${{ Constants.bonus_belief_deviation}} for every dot by which you deviate form the correct number.

    </div>

 {{ formfields 'guess_r' }}

</div>
</div>

<br>


    {{ next_button }}

{{ endblock }}

{{ block scripts }}
<script>
$(document).ready(function() {
    $("#info-button").on("click", function() {
        $("#info-box").slideToggle();
    });
});
</script>
{{ endblock }}