{{ extends 'global/Page.html' }}
   {{ block title }}Instructions{{ endblock }}

{{ block content }}

    <div style="text-align: justify;" class="card bg-light mb-3  ">
        <div class="card-body">

            The <b>profits</b> you can earn <b>depend</b> on the <b>accuracy</b> of your estimate compared to the actual GDP per capita and are as follows:

            <br><br>
            <table class="table" style="text-align: center">
                <tr>
                    <th style="text-align:center;  font-weight: bold; color: #185177" >Deviation from the actual GDP per capita:</th>
                    <th style="text-align:center;  font-weight: bold; color: #185177" >Profit</th>
                </tr>
                <tr>
                    <td> less than (or equal to) <b> 5 </b> points </td>
                    <td> {{ player.profit5 }} </td>
                </tr>
                <tr>
                    <td> less than (or equal to) <b> 10 </b> points </td>
                    <td> {{ player.profit4 }} </td>
                </tr>
                <tr>
                    <td> less than (or equal to) <b> 15 </b> points </td>
                    <td> {{ player.profit3 }} </td>
                </tr>
                <tr>
                    <td> less than (or equal to) <b> 20 </b> points </td>
                    <td> {{ player.profit2 }} </td>
                </tr>
                <tr>
                    <td> less than (or equal to) <b> 25 </b> points </td>
                    <td> {{ player.profit1 }} </td>
                </tr>
            </table>

            <br>
            <p><b>Example: </b><br>
                Assuming you estimate 45 as the GDP per capita for one country and the actual GDP per capita is 53.
                In this case, your estimation is 8 points away from the true GDP per capita. Thus, your profit amounts to {{ player.profit4 }}.
            </p>
            <br>
            <p>At the end of the study, <b>one of your estimations will be randomly chosen</b> and the <b>profit for this estimate will be paid out</b>.</p>
        </div>
    </div>





            <!-- {{ next_button }}  -->
        <br>
        <button class="otree-btn-next btn btn-primary button1" style="float: right;">Continue</button>





{{ endblock }}