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

{% block title %}
     Exit Survey {{r_num}}/5
{% endblock %}

{% block content %}

<div class="boxed">

    {% if r_num == 1 %}
    
         <p class="risk" style="font-weight:bold;">How difficult do you think is the emoji selection task? Please select from the scale below:</p>

      <ul>
        <input type="radio" name={{belief_1|safe}} value="1">
        <label>1 - Not at all difficult</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_1|safe}} value="2">
        <label>2</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_1|safe}} value="3">
        <label>3</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_1|safe}} value="4">
        <label>4</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_1|safe}} value="5">
        <label>5 - Very difficult</label>
      </ul>

<hr style="width:50%;"> 
         <p class="risk" style="font-weight:bold;">How annoying do you think is the emoji selection task? Please select from the scale below:</p>

      <ul>
        <input type="radio" name={{belief_2|safe}} value="1">
        <label>1 - Not at all annoying</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_2|safe}} value="2">
        <label>2</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_2|safe}} value="3">
        <label>3</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_2|safe}} value="4">
        <label>4</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_2|safe}} value="5">
        <label>5 - Very annoying</label>
      </ul>
      
       <hr style="width:50%;"> 
       
        <p class="risk" style="font-weight:bold;">I know exactly how player Bs finished the work. Please select from the scale below:</p>

      <ul>
        <input type="radio" name={{belief_3|safe}} value="1">
        <label>1 - strongly disagree</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_3|safe}} value="2">
        <label>2</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_3|safe}} value="3">
        <label>3</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_3|safe}} value="4">
        <label>4</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_3|safe}} value="5">
        <label>5 - strongly agree</label>
      </ul>
      
       <hr style="width:50%;"> 

        <p class="risk" style="font-weight:bold;">I appreciate that player Bs worked for me. Please select from the scale below:</p>

      <ul>
        <input type="radio" name={{belief_4|safe}} value="1">
        <label>1 - strongly disagree</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_4|safe}} value="2">
        <label>2</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_4|safe}} value="3">
        <label>3</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_4|safe}} value="4">
        <label>4</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_4|safe}} value="5">
        <label>5 - strongly agree</label>
      </ul>
      
       <hr style="width:50%;"> 
     
         <p class="risk" style="font-weight:bold;">In some way, I feel like player Bs are similar to me. Please select from the scale below:</p>

      <ul>
        <input type="radio" name={{belief_5|safe}} value="1">
        <label>1 - strongly disagree</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_5|safe}} value="2">
        <label>2</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_5|safe}} value="3">
        <label>3</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_5|safe}} value="4">
        <label>4</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_5|safe}} value="5">
        <label>5 - strongly agree</label>
      </ul>
      
       <hr style="width:50%;"> 
     
           <p class="risk" style="font-weight:bold;">In some way, I feel like I’m close to player Bs. Please select from the scale below:</p>

      <ul>
        <input type="radio" name={{belief_6|safe}} value="1">
        <label>1 - strongly disagree</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_6|safe}} value="2">
        <label>2</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_6|safe}} value="3">
        <label>3</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_6|safe}} value="4">
        <label>4</label>
      </ul>
      <ul>
        <input type="radio" name={{belief_6|safe}} value="5">
        <label>5 - strongly agree</label>
      </ul>
      
     
{% elif r_num == 2 %}
    <p class="risk" style="font-weight:bold;">How long (on average) do you think it would have taken for player Bs to find all 50 peace signs?</p>
    
    <table>
        <td>{% formfield player.minutes_b label="" %}</td> 
        <td>minutes and</td> 
        <td>{% formfield player.seconds_b label="" %}</td>
        <td>seconds.</td>
    </table>
      <hr style="width:50%;"> 
    <p class="risk" style="font-weight:bold;">How long do you think it whould take you to find all 50 peace signs?</p>
    
    <table>
        <td>{% formfield player.minutes_you label="" %}</td> 
        <td>minutes and</td> 
        <td>{% formfield player.seconds_you label="" %}</td>
        <td>seconds.</td>
    </table>

{% elif r_num == 3 %}




    <p class="belifs"><span style="font-weight:bold;">Imagine the following situation:</span> </p>
    <p class="belifs"><span style="color:red; font-weight:bold;">Player A</span> had endowment of $3.</p>
    <p class="belifs"><span style="color:red; font-weight:bold;">Player B</span> 
    counted emojis with no mistake, earning 50 points. This increases
    <span style="color:red; font-weight:bold;">Player A’s</span> 
    probability of winning $0.50 to 75% and decreases the probability of losing $0.50 to 25%. </p>
    
    <p class="belifs">Unfortunately, the lottery outcome was -$0.50 and 
    Player A got $3-$0.50 = $2.50. </p>

    <hr style="width:50%;"> 
       
    <p class="belifs"><span style="color:blue; font-weight:bold;">How much do you think Player A will share with Player B (out of A's $2.50 lottery payoff) if:</span></p>
    
    <ul class="belifs">Player A is only told of the outcome (lost $0.50 from endowment of $3):
    {% formfield player.belief_1_float label=""%} 
    </ul>
    
    <hr style="width:50%;">
    
    <ul class="belifs"><span style="font-weight:bold;">In addition</span> to learning about 
    outcome ( -$0.50), Player A is also told that Player B earned 50 pts and had increased 
    A’s winning probability to 75%?
    {% formfield player.belief_2_float label=""%}
    </ul>
    
    <hr style="width:50%;">
    
    <ul class="belifs"><span style="font-weight:bold;">Please explain your predictions above:</span> 
    {% formfield player.belief_1_string label=""%}
    </ul>
    
    

{% else %}

    
    <p class="belifs">How much do you think Player A will share with Player B (out of A's $2.50 lottery payoff) if:
    <span style="font-weight:bold;">in addition</span> to learning about the outcome ( -$0.50), and Player B's 50 pts 
    (which increased A’s winning probability to 75%), 
    Player A is also shown a <span style="font-weight:bold;">30 second video clip of Player B working</span> on the grid?
    {% formfield player.belief_1_float label=""%} 
    </p>
    <hr style="width:50%;">
    <p class="belifs"><span style="font-weight:bold;">Please explain your prediction above:</span> 
    {% formfield player.belief_1_string label=""%}
    </p>
    <hr style="width:50%;">
    <p class="belifs"><span style="font-weight:bold;">
    What do you think is the most important 
    factor that will result in Player A rewarding Player B 
    for his work even if the outcome was ultimately negative?</span>
    {% formfield player.belief_2_string label=""%}
    </p> 

    
    
     {% endif %}


    <hr style="width:50%;">
    
 {% next_button %}
    
</div>


{% endblock %}



{% block styles %}
    <style>
 
        
        p.belifs{
            font-size: 18px; 
            text-align: justify;
                
                }
        ul.belifs{
            font-size: 18px; 
            text-align: justify;
                
                }    
              
        
    </style>
{% endblock %}