{{ extends 'global/Page.html' }}
{{ block title }}
    Estimating the GDP per capita - Country {{ player.round_number }} of {{ C.NUM_ROUNDS }}
{{ endblock }}
{{ block content }}

    <style>
        /* Style for the yes-button */
        .button_yes {
            background-color: #5A9CA6;
            color: white;
            border: none;
            width: 150px;
        }
        .button_yes:hover {
            background-color: #367270;
            color: white;
        }

        /* Style for the no-button */
        .button_no {
            background-color: #6288A6;
            color: white;
            border: none;
            width: 150px;
        }
        .button_no:hover {
            background-color: #53697A;
            color: white;
        }

    </style>

     <div style="text-align: justify;" class="card bg-light mb-3  ">
            <div class="card-body">
                            <br>
            <table class="table">
            <tr>
                <td> Your estimate for GDP per capita of country {{ player.round_number }} is:</td>
                <td style="text-align:center"> {{ player.initialguess }} </td>
            </tr>
            </table>
            <br>

                <p>
                   You now have the possibility to receive the <b>algorithm's estimate as advice</b>.
                </p>

                <p><b>Would you like to seek the algorithm's advice?</b></p>
                <button name="algoadvice" class="btn btn-primary button_yes" value="True">Yes</button>
                <button name="algoadvice" class="btn btn-primary button_no" value="False">No</button>

            </div>
     </div>

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

{{ endblock }}