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

{% block head_title %}

        Study

{% endblock %}

{% block styles %}

    <style type="text/css">
        h1 {text-align: center; font-size: 35px;}
    </style>

{% endblock %}

{% block content %}

<h1>Practice Game {{roundnumber}}</h1>

<div class="card bg-light m-3">
    <div class="card-body">
        <div class="justify">


            <p style="font-size:18px; text-align:center;">



                        {% if player.correct == 1 %}

                            You chose the correct answer. <br>

                        {% endif %}

                        {% if player.correct == -1 %}

                            You did not provide an answer. <br>

                        {% endif %}

                        {% if player.correct == 0 %}

                            You chose an incorrect answer. <br>

                        {% endif %}



            </p>


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


<center>
    <br>
    {% next_button %}
</center>



{{ form.errors }}

<input type="hidden"   name="paying_round"           id="id_paying_round" >




{% endblock %}



{% block scripts %}
    <script type="text/javascript">



        var paying_round = js_vars.paying_round;

        document.getElementById('id_paying_round').value = paying_round;

    </script>



{% endblock %}