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

{% block head_title %}
    Study
{% endblock %}



{% block styles %}

    <style type="text/css">

        .column {
          float: none;
          width: 50%;
          padding: 20px;
        }

        .row::after {
          content: "";
          clear: both;
          display: table;
        }

        h1 {text-align: center; font-size: 35px;}

        .justify {
          text-align: justify;
          text-justify: inter-word;
        }

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

{% endblock %}



{% block content %}
    <h1>Round 5 of 5</h1>



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

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

           <!-- <span style="font-weight: bold; font-size: 30px; text-align: center;">  NEW RULES:   </span> <br> -->


            You have now arrived at the final round (round 5). In this round, you will still play the game 10 times.
            The difference compared to previous rounds is that this time <span style="font-weight: bold; "> you will be able to choose how you would like to
            be paid. </span> <br>

            <br> In particular, you will be asked to make several decisions between two payment options. The first payment option
            in each decision is always to solve each game in 60 seconds with a starting budget of &pound;10. The second option varies
            across the various decisions and will always have an equal or larger starting budget, but you will also have to
            solve each game under a tighter time limit.<br>

            <br> Your payment in round 5 will be based on one of the decisions you make, chosen at random. <br>

            <br> Please press the "Next" button to proceed to making the decisions.



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



    <input type="hidden"   name="baseline"       id="id_baseline"   />




{{ form.errors }}

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


{% endblock %}




{% block scripts %}
    <script type="text/javascript">
        var baseline = js_vars.baseline;





        document.getElementById('id_baseline').value = baseline;





    </script>
{% endblock %}