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

{% block title %}
    Post-study Questionnaire
{% endblock %}


{% block content %}
    <p> For each of the following ten lottery choices, please select your preferred option within each pair.
        One of these lottery pair sets will then be chosen at random, and you will be paid based on your choice of A and
        B in this randomly chosen pair set. </p>

 <p> <strong>Most people begin by preferring option A and switching to option B. One way to make all these choices is to
     determine the best row to switch from A to B  </strong>
    </p>

    <table class="table" style="width:400px">

        <tr>
            <th> Option A            </th>
            <th></th>
            <th></th>
            <th> Option B            </th>
         </tr>
         <tr>
            <td nowrap> 10% chance of $2.00, 90% chance of $1.60 </td>
             <td > <input type="radio" name="ra1" value="g" id="g1"> </td>
             <td>  <input type="radio" name="ra1" value="d" onclick="fra1();" id="d1">   </td>
            <td nowrap> 10% chance of $3.85, 90% chance of $0.10 </td>
         </tr>
         <tr>

            <td nowrap> 20% chance of $2.00, 80% chance of $1.60 </td>
             <td> <input type="radio" name="ra2" value="g" id="g2"> </td>
             <td>  <input type="radio" name="ra2" value="d" onclick="fra2();" id="d2">   </td>
            <td nowrap> 20% chance of $3.85, 80% chance of $0.10 </td>
         </tr>
         <tr>
            <td nowrap> 30% chance of $2.00, 70% chance of $1.60 </td>
             <td> <input type="radio" name="ra3" value="g" id="g3"> </td>
             <td>  <input type="radio" name="ra3" value="d" onclick="fra3();" id="d3">   </td>
            <td nowrap> 30% chance of $3.85, 70% chance of $0.10 </td>
         </tr>
         <tr>
             <td nowrap> 40% chance of $2.00, 60% chance of $1.60 </td>
             <td> <input type="radio" name="ra4" value="g" id="g4"> </td>
             <td>  <input type="radio" name="ra4" value="d" onclick="fra4();" id="d4">   </td>
            <td nowrap> 40% chance of $3.85, 60% chance of $0.10 </td>
         </tr>
         <tr>
             <td nowrap> 50% chance of $2.00, 50% chance of $1.60 </td>
             <td> <input type="radio" name="ra5" value="g" id="g5"> </td>
             <td>  <input type="radio" name="ra5" value="d" onclick="fra5();" id="d5">   </td>
            <td nowrap> 50% chance of $3.85, 50% chance of $0.10 </td>
         </tr>
         <tr>
             <td nowrap> 60% chance of $2.00, 40% chance of $1.60 </td>
             <td> <input type="radio" name="ra6" value="g" id="g6"> </td>
             <td>  <input type="radio" name="ra6" value="d" onclick="fra6();" id="d6">   </td>
             <td nowrap> 60% chance of $3.85, 40% chance of $0.10 </td>
         </tr>
         <tr>
             <td nowrap> 70% chance of $2.00, 30% chance of $1.60 </td>
             <td> <input type="radio" name="ra7" value="g" id="g7"> </td>
             <td>  <input type="radio" name="ra7" value="d" onclick="fra7();" id="d7">   </td>
            <td nowrap> 70% chance of $3.85, 30% chance of $0.10 </td>
         </tr>
         <tr>
             <td nowrap> 80% chance of $2.00, 20% chance of $1.60 </td>
             <td> <input type="radio" name="ra8" value="g" id="g8"> </td>
             <td>  <input type="radio" name="ra8" value="d" onclick="fra8();" id="d8">   </td>
            <td nowrap> 80% chance of $3.85, 20% chance of $0.10 </td>
         </tr>
        <tr>
             <td nowrap> 90% chance of $2.00, 10% chance of $1.60 </td>
             <td> <input type="radio" name="ra9" value="g" id="g9"> </td>
             <td>  <input type="radio" name="ra9" value="d" onclick="fra9();" id="d9">   </td>
            <td nowrap> 90% chance of $3.85, 10% chance of $0.10 </td>
         </tr>
         <tr>
            <td nowrap> 100% chance of $2.00, 0% chance of $1.60 </td>
             <td> <input type="radio" name="ra10" value="g" id="g10"> </td>
             <td>  <input type="radio" name="ra10" value="d" onclick="fra10();" id="d10">   </td>
            <td nowrap> 100% chance of $3.85, 0% chance of $0.10 </td>
         </tr>


    </table>

{{ form.ra1.errors }}
{{ form.ra2.errors }}
{{ form.ra3.errors }}
{{ form.ra4.errors }}
{{ form.ra5.errors }}
{{ form.ra6.errors }}
{{ form.ra7.errors }}
{{ form.ra8.errors }}
{{ form.ra9.errors }}
{{ form.ra10.errors }}


    {% next_button %}

{% endblock %}