{{ extends "global/Page.html" }}

{{ block title }}
    {{ if r_num == 1 }} Part 2 {{ elif r_num == 2 }} Part 2 {{ elif r_num == 3 }} Part 3 {{else}} Finished {{ endif }}
{{ endblock }}

{{ block content }}

 <div class="boxed">
     {{ if r_num == 1 }}
    
    <p class="post">
        In this part of the study you will make decisions over 10 different lotteries. 
        In each lottery question, you will be asked to choose between two options.
    </p>
     
         
    <p class="post">
        In each of the lottery questions, one choice will be a fixed amount
        and the other will involve some uncertainty. The uncertainty can be described in the
        following way. The computer flips a virtual coin that lands either on heads or tails, each
        with an equal 50% chance. The outcome of the virtual coin flip determines your payment
        if you chose the uncertain option.  
        
    </p>
    
    <ul class="post">
        <li>if the coin lands on tails (which happens with 50% chance) you will receive $1.</li>
        <li>if the coin lands on heads (which happens with 50% chance) you will receive $2.</li>
    </ul>
    
    <p class="post">
        <b>Payment:</b>
        If this part is randomly selected to count for payment in this study, 
        <u>only one</u> of the 10 lottery questions will be chosen to count for payment. 
        Your payment would be determined in the following way:
    
    </p>
    
    <ul class="post">
        <li>if you chose the fixed amount, then your payment will 
            equal to that fixed amount;
        </li>
        <li>if you chose the option with uncertainty, your payment 
            depends on the result of the virtual coin flip: you receive $1 if 
            the coin lands on tails, and you receive $2 if the coin lands on heads
        </li>
    <ul>
        
        
        
  <hr style="width:50%;margin-left:25%;">
 
 {{ next_button }}    
       
        
       
     {{ elif r_num == 2}}
     
    <table class="table_3" style="text-align:center">
            
            <th style="text-align:center">Option 1</th>
            <th style="text-align:center">Option 2</th>
        
            
        {{ for field in form }}
            <tr>
                {{ for choice in field }}
                    <td>{{ choice }} {{ choice.label }}</td>
                    
                {{ endfor }}
   
            </tr>
        {{ endfor }}

        
    </table>
     
     <hr style="width:50%;margin-left:25%;">
 
 {{ next_button }}  
 
 
 
     
     
     {{ elif r_num == 3 }}
      
      
      <p class="post">     
        You are randomly matched to play a game against one of the participants 
        in this study. In the game, each of you requests a number of points 
        (an integer) between 11 and 20 points. Each participant will receive 
        the amount he/she requests. A participant will receive an additional 
        20 points if he/she asks for exactly one point less than the other player. 
        You can exchange points for money with the rate of 1 point = 10 cents 
        (for example, 10 points are worth $1.00, 15 points are worth $1.50,  20 points are worth $2.00, etc.).
    </p>
    
    <table style="font-size: 18px; margin-left: auto; margin-right: auto; border-collapse: separate; border-spacing: 15px 0;">
        <tr>
            <th>How many points do you request? </th>
            <th>{{ formfield "points_requested" label="" }} </th>
        </tr>
        
    </table>
      
      
      <hr style="width:50%;margin-left:25%;">
 
 {{ next_button }}  
 
      
      {{ elif r_num == 4 }}
  
      
          <p class="post">Thank you for completing our experiment. 
          We appreciate your time and participation. 
          You will receive your payment information after your group members complete their part.
          Please email rok59@pitt.edu if you have any questions about your payoffs. 
          </p>
          
     
        <p class="post" style="font-size: 30px; font-weight:bold; text-align:center; color:red;">
              Click <a href="{{ session.prolific_completion_url }}">here</a>
                to complete the study.
          </p>
      



    {{ endif }}
  
   
    

    
</div>

{{ endblock }}







{{ block styles }}
    <style>
 
        
        p.post{
            font-size: 18px; 
            text-align: justify;
                
                }
        
    </style>
    
    <style>
     .table_3{
  
    
  border-collapse: separate;
  background:transparent;
  margin-left: auto; 
  margin-right: auto;
  font-size: 18px; 
  border: 1px solid black;
  padding: 15px;
  border-radius: 15px;
  
  
  
  }
  .table_3 td {
      text-align: center;
      padding: 15px;
    }
    
    
    .table_3 th {
          text-align: center;
          width:60%
          
        }
        
    .table_3 th:first-child {
          text-align: center;
          width: 35%;
        }

    .table_3 tr:nth-child(even) {
        background-color: #f2f2f2;
        }

         
    
    </style>     
{{ endblock }}