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


{{ 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"> <span style="color:blue; font-weight:bold; font-size: 22px;">Since you made mistake again, you have been expelled from the study!</span></p>
        {{ endif }}
    {{ else }} 
    
        <p class="trans"> Please click the Next button to start the task. </p>
    
    {{ endif }}

         
        
        
        
        
        <hr style="width:50%;margin-left:25%;">

    
     
    {{ if correctly_answered.0 == 0 }}
        <div style="background:pink;">
            <p style="text-align: center; font-weight:bold; font-size: 24px;">Mistake</p>
    {{ else }}
        <div style="background:lightgreen;">
        <p style="text-align: center; font-weight:bold; font-size: 24px;">Correct</p>
    {{ endif }}
        <p class="trans" ><b>Question 1:</b> 
            Schools will be ordered according to:
            {{ for ans in choices_1 }}
            
                {{ if your_answers.0 == ans.0 }}
                    <ul><input type="radio" id="myRadio" checked="true"> {{ans.1}}</ul>
                {{ else }}   
                    <ul><input type="radio" id="myRadio" disabled="true"> {{ans.1}} </ul>                    
                {{ endif }}
    
            {{ endfor }}

             
        </p>
    </div>
        
      <hr style="width:50%;margin-left:25%;">
      
    {{ if correctly_answered.1 == 0 }}
        <div style="background:pink;">
            <p style="text-align: center; font-weight:bold; font-size: 24px;">Mistake</p>
    {{ else }}
        <div style="background:lightgreen;">
        <p style="text-align: center; font-weight:bold; font-size: 24px;">Correct</p>
    {{ endif }}
          
          <p class="trans"><b>Question 2:</b> 
            From which school will the first ticket be drawn?
            {{ for ans in choices_2 }}
                
                {{ if your_answers.1 == ans.0 }}
                    <ul><input type="radio" id="myRadio" checked="true"> {{ans.1}}</ul>
                {{ else }}   
                    <ul><input type="radio" id="myRadio" disabled="true"> {{ans.1}} </ul>                    
                {{ endif }}
            
            {{ endfor }}
          </p>
    </div>
      
      <hr style="width:50%;margin-left:25%;">
    {{ if correctly_answered.2 == 0 }}
        <div style="background:pink;">
            <p style="text-align: center; font-weight:bold; font-size: 24px;">Mistake</p>
    {{ else }}
        <div style="background:lightgreen;">
        <p style="text-align: center; font-weight:bold; font-size: 24px;">Correct</p>
    {{ endif }}      
      
        <p class="trans"><b>Question 3:</b> 
            If the three students allocated tickets in the following way in their Application Form?
        <table style="margin-left: auto; margin-right: auto; border-collapse: separate; border-spacing: 50px 0;">
            <tr>
                <th style="text-align: center"></th>
                <th style="text-align: center">Student 1</th>
                <th style="text-align: center">Student 2</th>
                <th style="text-align: center">Student 3</th>
            </tr>
            <tr>
                <th style="text-align: center">School A</th>
                <th style="text-align: center">40</th>
                <th style="text-align: center">10</th>
                <th style="text-align: center">20</th>
            </tr>
            <tr>
                <th style="text-align: center">School B</th>
                <th style="text-align: center">30</th>
                <th style="text-align: center">80</th>
                <th style="text-align: center">50</th>
            </tr>
            <tr>
                <th style="text-align: center">School C</th>
                <th style="text-align: center">30</th>
                <th style="text-align: center">10</th>
                <th style="text-align: center">30</th>
            </tr>
        
        
        </table>
            {{ for ans in choices_3 }}
                {{ if your_answers.2 == ans.0 }}
                    <ul><input type="radio" id="myRadio" checked="true"> {{ans.1}}</ul>
                {{ else }}   
                    <ul><input type="radio" id="myRadio" disabled="true"> {{ans.1}} </ul>                    
                {{ endif }}
                
                 
               
            {{ endfor }}
        </p>
        
    </div>
        
      <hr style="width:50%;margin-left:25%;">
      
    {{ if correctly_answered.3 == 0 }}
        <div style="background:pink;">
        <p style="text-align: center; font-weight:bold; font-size: 24px;">Mistake</p>
    {{ else }}
        <div style="background:lightgreen;">
        <p style="text-align: center; font-weight:bold; font-size: 24px;">Correct</p>
    {{ endif }}
      
      <p class="trans"><b>Question 4:</b> 
          If the table below represents your possible payoffs from holding 
          the slot at the end of the experiment:
          
        <table class="table_2">
            <tr>
                <th style="text-align: center">School:</th>
                <th><span style="font-weight:bold;">A</span></th>
                <th><span style="font-weight:bold;">B</span></th>
                <th><span style="font-weight:bold;">C</span></th>
            </tr>
            <tr>
                <th style="text-align: center">Your Payoff:</th>
                <th><span style="font-weight:bold;">$12</span></th>
                <th><span style="font-weight:bold;">$9</span></th>
                <th><span style="font-weight:bold;">$4</span></th>
            </tr>
        
        
        </table>
            {{ for ans in choices_4 }}
                
                {{ if your_answers.3 == ans.0 }}
                    <ul><input type="radio" id="myRadio" checked="true"> {{ans.1}}</ul>
                {{ else }}   
                    <ul><input type="radio" id="myRadio" disabled="true"> {{ans.1}}</ul>                    
                {{ endif }}
               
            {{ endfor }}
      </p>
     
     </div>
            
       
          
        <hr style="width:50%;margin-left:25%;">
       
        
        
       


 
    
   
    
 {{ next_button }}
    
</div>

{{ endblock }}



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