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

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

{% block styles %}

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

        .radiobutton input[type="radio"]{
            margin-right:8px;
        }


    </style>

{% endblock %}


{% block content %}

    <h1>Survey</h1>

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

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

            The following decision has been chosen for payment: <br>

            <br>
            {% if lottery == 1 %}
                Receiving €4 for sure  <br>
                0% probability of receiving €6 and 100% probability of receiving €2
            {% endif  %}

            {% if lottery == 2 %}
                Receiving €4 for sure  <br>
                10% probability of receiving €6 and 90% probability of receiving €2
            {% endif  %}

            {% if lottery == 3 %}
                Receiving €4 for sure  <br>
                20% probability of receiving €6 and 80% probability of receiving €2
            {% endif  %}

            {% if lottery == 4 %}
                Receiving €4 for sure  <br>
                30% probability of receiving €6 and 70% probability of receiving €2
            {% endif  %}

            {% if lottery == 5 %}
                Receiving €4 for sure  <br>
                40% probability of receiving €6 and 60% probability of receiving €2
            {% endif  %}

            {% if lottery == 6 %}
                Receiving €4 for sure  <br>
                50% probability of receiving €6 and 50% probability of receiving €2
            {% endif  %}

            {% if lottery == 7 %}
                Receiving €4 for sure  <br>
                60% probability of receiving €6 and 40% probability of receiving €2
            {% endif  %}

            {% if lottery == 8 %}
                Receiving €4 for sure  <br>
                70% probability of receiving €6 and 30% probability of receiving €2
            {% endif  %}

            {% if lottery == 9 %}
                Receiving €4 for sure  <br>
                80% probability of receiving €6 and 20% probability of receiving €2
            {% endif  %}

            {% if lottery == 10 %}
                Receiving €4 for sure  <br>
                90% probability of receiving €6 and 10% probability of receiving €2
            {% endif  %}

            {% if lottery == 11 %}
                Receiving €4 for sure  <br>
                100% probability of receiving €6 and 0% probability of receiving €2
            {% endif  %}
            <br> <br>

            You chose:

            {% if lottery == 1 %}
                {{choose1}}
            {% endif  %}

            {% if lottery == 2 %}
                {{choose2}}
            {% endif  %}

            {% if lottery == 3 %}
                {{choose3}}
            {% endif  %}

            {% if lottery == 4 %}
                {{choose4}}
            {% endif  %}

            {% if lottery == 5 %}
                {{choose5}}
            {% endif  %}

            {% if lottery == 6 %}
                {{choose6}}
            {% endif  %}

            {% if lottery == 7 %}
                {{choose7}}
            {% endif  %}

            {% if lottery == 8 %}
                {{choose8}}
            {% endif  %}

            {% if lottery == 9 %}
                {{choose9}}
            {% endif  %}

            {% if lottery == 10 %}
                {{choose10}}
            {% endif  %}

            {% if lottery == 11 %}
                {{choose11}}
            {% endif  %}

            <br> <br>

            The additional money you will receive for filling in the survey is &euro;{{lottery_payoff|floatformat:2}}. <br>

            </p>

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


    <center><button class="otree-btn-next btn btn-primary" onclick="myFunction()">Next</button></center>



    <input type="hidden"   name="lottery_payoff"               id="id_lottery_payoff"                />





{% endblock %}




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

        var lottery_payoff = js_vars.lottery_payoff;


        document.getElementById('id_lottery_payoff').value = lottery_payoff;




    </script>
{% endblock %}