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

{% block title %}
    Part 3 Block 2: Round {{player.decission_num}}
{% endblock %}

{% block content %}
    
    
    <div class="boxed">
    <div class="sticky1">
    <p><b>Option X:</b> {{option_A}} </p>
    <p><b>Option Y:</b> {{option_B}} </p>
    
    <hr>
    
    <p><strong>Please complete the following:</strong></p>
    <p>I prefer to work on <strong>{{ option_A|slice:"6" }}</strong> and earn <strong>&#36;0.50</strong> per correct answer 
    unless the computer offers me at least <strong>&#36; &#91;  &#93;</strong> per correct answer for <strong>{{ option_B|slice:"6" }}</strong></p>
    
    <hr>
    
    
     <p><b><font color="#186A3B">Suppose you filled in <strong><font color="red"> &#36;{{filled}}</font></strong> as your required minimum rate and it is the round that was randomply chosen for part 3. Please, answer the questions below.</font></b></p>
     <hr>
     </div>
     <p><b>Question 1:</b> If the computer draws &#36;{{comp_draw1}}, what task will you perform?
         {% formfield player.answer_1  label=""%}
      </p>
      
      <p><b>Question 2:</b> If the computer draws &#36;{{comp_draw1}}, what rate would you earn for performing the task?
         {% formfield player.answer_2  label=""%} 
      </p>
      
      <p><b>Question 3:</b> If the computer draws &#36;{{comp_draw2}}, what task will you perform?
         {% formfield player.answer_3  label=""%}
      </p>
    
      <p><b>Question 4:</b> If the computer draws &#36;{{comp_draw2}}, what rate would you earn for performing the task?
         {% formfield player.answer_4  label=""%}
      </p>
    

    </div>

    {% next_button %}
    
     
  {% include "treatment_1/type.html" %}  


{% endblock %}



{% block styles %}




 
   <style>
   table, th, td {
                    border: 2px solid black;
                    padding: 0px;
                    
                 } 
      
    table {
    
            border-spacing: 0px;
            
          }
    tr:nth-child(even) {
    background-color: white
    }
    tr:nth-child(odd) {
    background-color: lightgrey
    }       
    
    
    
   </style>
  


{% endblock %}