{% 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 there are 55 smiley faces and 45 sad faces in the grid, 
          52 smiley faces were selected and 1 sad face was selected, 
          how many performance points will be earned?
             {% formfield player.quiz_2  label=""%}
      </p>
      
      
    {% elif r_num == 2%}
        <p class="quiz"><b>Question 3:</b> 
            Who is responsible to allocate the performance points? 
             {% formfield player.quiz_1  label=""%}
        </p>
        
      <hr style="width:50%;">
      
      <p class="quiz"><b>Question 4:</b> 
          If 50 performance points were earned, 
          which one is not the possible point I will finally get?
             {% 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 %}