{{ block title }}

    <div class = "text-center">
    <br>Please make your choice


    </div>
{{ endblock }}

{{ block content }}



{{ if player.position == 0 }}

<div class="d-flex flex-column align-items-center">
        <div class="slider">
        <div class = text-center">

        {{ if player.con_env_info == 0 }}
        <button name="choice_val" value = "0" style="margin-right: 85px; font-size: 26px; height: 200px; width: 400px; background-color:azure; text-align: center; ">
            Zero points <br>  for sure </button>
        <button name="choice_val" value = "1" style="margin-right: 0px; font-size: 26px; height: 200px; width: 400px; background-color:azure">
            Equal chances to either gain or lose {{player.pos_risk_val}} points </button>
        {{ endif }}

        {{ if player.con_env_info == 1 }}
        <button name="choice_val" value = "0" style="margin-right: 85px; font-size: 26px; height: 200px; width: 400px; background-color:azure; text-align: center; ">
            Gaining 16 points <br>  for sure </button>
        <button name="choice_val" value = "1" style="margin-right: 0px; font-size: 26px; height: 200px; width: 400px; background-color:azure">
            Equal chances to gain either <br>  {{player.high_risk_val}} or {{player.low_risk_val}} points </button>
        {{ endif }}

        {{ if player.con_env_info == 2 }}
        <button name="choice_val" value = "0" style="margin-right: 85px; font-size: 26px; height: 200px; width: 400px; background-color:azure; text-align: center; ">
            Losing 16 points <br>  for sure </button>
        <button name="choice_val" value = "1" style="margin-right: 0px; font-size: 26px; height: 200px; width: 400px; background-color:azure">
            Equal chances to lose either <br>  {{player.pos_high_risk_val}} or {{player.pos_low_risk_val}} points </button>
        {{ endif }}

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

{{ endif }}


{{ if player.position == 1 }}

<div class="d-flex flex-column align-items-center">
        <div class="slider">
        <div class = text-center">
        {{ if player.con_env_info == 0 }}
        <button name="choice_val" value = "1" style="margin-right: 85px; font-size: 26px; height: 200px; width: 400px; background-color:azure">
            Equal chances to either gain or lose {{player.pos_risk_val}} points </button>
        <button name="choice_val" value = "0" style="margin-right: 0px; font-size: 26px; height: 200px; width: 400px; background-color:azure; text-align: center; ">
            Zero points <br>  for sure </button>
        {{ endif }}

        {{ if player.con_env_info == 1 }}
        <button name="choice_val" value = "1" style="margin-right: 85px; font-size: 26px; height: 200px; width: 400px; background-color:azure">
            Equal chances to gain either <br>  {{player.high_risk_val}} or {{player.low_risk_val}} points </button>
        <button name="choice_val" value = "0" style="margin-right: 0px; font-size: 26px; height: 200px; width: 400px; background-color:azure; text-align: center; ">
            Gaining 16 points <br>  for sure </button>
        {{ endif }}

        {{ if player.con_env_info == 2 }}
        <button name="choice_val" value = "1" style="margin-right: 85px; font-size: 26px; height: 200px; width: 400px; background-color:azure">
            Equal chances to lose either <br>  {{player.pos_high_risk_val}} or {{player.pos_low_risk_val}} points </button>
        <button name="choice_val" value = "0" style="margin-right: 0px; font-size: 26px; height: 200px; width: 400px; background-color:azure; text-align: center; ">
            Losing 16 points <br>  for sure </button>

        {{ endif }}
        {{ endif }}


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



<!--<br><br>-->

<!--Round  #{{ subsession.round_number }} <br>-->

<!--Participants won't see this: <br><br>-->
<!--Round  #{{ player.current_round }} <br><br>-->
<!--Constant vars: <br>-->
<!-- <b> Group = {{player.group_info}} </b> (1 - With Feedback, 2 - Without Feedback) <br>-->
<!-- <b>Condition = {{player.condition_info}}</b> (1 - Gain domain, 2 - Loss domain) <br>-->
<!-- <b>Buttons position = {{player.position}}</b> (0 - Risk on the right, 1 - Risk on the left) <br><br>-->
<!-- Dynamic vars: <br>-->
<!-- <b>Environment = {{player.environment_info}}</b> (0 - Target, 1 - Surrounding) <br>-->
<!-- <b>Target Trials Counter = {{player.env_balanced_counter}}</b> (25 max) <br>-->
<!-- <b>Surrounding Trials Counter = {{player.env_pos_neg_counter}}</b> (25 max) <br>-->
<!--<br>-->

<!--* In round 1, condition will always = 1-->


{{ endblock }}