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

{% block title %}
    Quiz Feedback
{% endblock %}

{% block content %}

    <div class="boxed">
               
    <p class="trans">You answered <span style="color:red; font-weight:bold;"> {{ correct }} out of 4 </span> questions correctly. </p>
    
    {% if correct != 4 %}
        {% if strike == 0 %}
            <p class="trans"> You have one more try <span style="color:red; font-weight:bold;">to read the instructions</span> and re-do all the questions. </p>
            
            <p class="trans"> If you make even <span style="color:red; font-weight:bold;">one mistake</span> you will be <span style="color:red; font-weight:bold;">expelled</span> from the study. </p>
            
            <p class="trans"> Please click the Next button to <span style="color:red; font-weight:bold;">to read the instructions</span>. </p>
        {% else %}
            <p class="trans"> Since you made mistake <span style="color:red; font-weight:bold;">again</span>, you have been expelled from the study!</p>
        {% endif %}
    {% else %} 
    
        <p class="trans"> Please click the Next button to start the task. </p>
    
    {% endif %}

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

{% endblock %}



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