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

{% block title %}
    Part 1 Quiz  {{ r_num }}/{{ Constants.part_2_length }}
{% endblock %}

{% block content %}

<div class="boxed">
     {% if r_num == 1%}
     
        <p class="quiz"><b>Question 1:</b> 
            Who is responsible for performing the emoji selection task?
             {% formfield player.quiz_1  label=""%}
        </p>
        
      <hr style="width:50%;">
      
      <p class="quiz"><b>Question 2:</b> 
          If 45 peace signs were selected and 1 fingers crossed sign was selected, 
          what is the chances that Player A will win the game?
             {% formfield player.quiz_2  label=""%}
      </p>
      
      
    {% elif r_num == 2%}
        <p class="quiz"><b>Question 3:</b> 
            Who is responsible for allocating the money?
             {% formfield player.quiz_1  label=""%}
        </p>
        
      <hr style="width:50%;">
      
      <p class="quiz"><b>Question 4:</b> 
          If the final outcome for you is $X, 
          how much will Player B receive from you?
             {% formfield player.quiz_2  label=""%}
      </p>

        


    {% endif %}
  

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

{% endblock %}




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