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


{{ block title }}
    Quiz  {{ r_num }}/{{ Constants.part_2_length }}
{{ endblock }}

{{ block content }}

<div class="boxed">
     {{ if r_num == 1}}
     
        <p class="quiz"><b>Question 1:</b> 
            If you listed the schools as 
            <span style="font-weight: bold;">B, C, A</span> in your Application Form: 
            
                {{ formfield "quiz_1"  label=""}}
        </p>
        
      <hr style="width:50%;margin-left:25%;">
      
      <p class="quiz"><b>Question 2:</b> 
          What happens if two students apply to the same school?
             {{ formfield "quiz_2"  label=""}}
      </p>
      
      
    {{ elif r_num == 2}}
        <p class="quiz"><b>Question 3:</b> 
            If the three students reported the following school lists 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">1st choice</th>
                <th style="text-align: center">B</th>
                <th style="text-align: center">B</th>
                <th style="text-align: center">A</th>
            </tr>
            <tr>
                <th style="text-align: center">2nd choice</th>
                <th style="text-align: center">A</th>
                <th style="text-align: center">C</th>
                <th style="text-align: center">C</th>
            </tr>
            <tr>
                <th style="text-align: center">3rd choice</th>
                <th style="text-align: center">C</th>
                <th style="text-align: center">A</th>
                <th style="text-align: center">B</th>
            </tr>
        
        
        </table>
            
            
             {{ formfield "quiz_1"  label=""}}
        </p>
        
      <hr style="width:50%;margin-left:25%;">
      
      <p class="quiz"><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>
             {{ formfield "quiz_2"  label=""}}
      </p>

        


    {{ endif }}
  

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

{{ endblock }}




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