{% 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> After you have made all decisions, one decision will be randomly selected.
            Your payment in round 5 will then be determined according to the payment option you chose in this decision.


        </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 %}