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

{% block title %}
    Quiz
{% endblock %}
{% block content %}

<p>
        <br>The quiz checks your understanding of the game. <b>Your choices in the quiz will not influence your experimental earnings in any way.</b> </br>
<br>
        Please indicate whether the following statements are True or False:
        {% formfield group.Ques8 %}
        {% formfield group.Ques2 %}
        {% formfield group.Ques5 %}
        {% formfield group.Ques6 %}


      <table class="table table-sm">
 <thead>
 <tr>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">Option 3: Fixed Rent with Discount</b></th>
     <th scope="row" style="border-top:1px solid black;"><b style="color: purple">Discount Values</b></th>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">1</b></th>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">2</b></th>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">3</b></th>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">4</b></th>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">5</b></th>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">6</b></th>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">7</b></th>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">8</b></th>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">9</b></th>
     <th scope="col" style="border-top:1px solid black;"><b style="color: purple">10</b></th>


 </tr>
 </thead>
<tr>
    <td rowspan="2" style="border-bottom:2px solid black;"><img src ="{% static "economic_decisionmaking/M1_s.png" %}"/><b style="color: forestgreen">What You Earn</b></td>
    <td><b style="color: forestgreen"> You Choose Action D</b></td>
        <td> 11</td>
        <td >12</td>
        <td >13</td>
        <td >14</td>
        <td >15</td>
        <td >16</td>
        <td >17</td>
        <td >18</td>
        <td >19</td>
        <td >20</td>
</tr>

    <tr>
        <td style="border-bottom:2px solid black;"> <b style="color: forestgreen">You Choose Action G</b></td>
        <td style="border-bottom:2px solid black;">15</td>
        <td style="border-bottom:2px solid black;">15</td>
        <td style="border-bottom:2px solid black;">15</td>
        <td style="border-bottom:2px solid black;">15</td>
        <td style="border-bottom:2px solid black;">15</td>
        <td style="border-bottom:2px solid black;">15</td>
        <td style="border-bottom:2px solid black;">15</td>
        <td style="border-bottom:2px solid black;">15</td>
        <td style="border-bottom:2px solid black;">15</td>
        <td style="border-bottom:2px solid black;">15</td>
    </tr>
 <tr>
     <td rowspan="2" style="border-bottom:2px solid black;"><img src="{% static "economic_decisionmaking/F1_s.png" %}"/><b style="color: purple">What Owner Earns</b></td>
     <td> <b style="color: forestgreen">You Choose Action D</b></td>

        <td >20</td>
        <td >19</td>
        <td >18</td>
        <td >17</td>
        <td >16</td>
        <td >15</td>
        <td >14</td>
        <td >13</td>
        <td >12</td>
        <td >11</td>
 </tr>

        <tr>
            <td style="border-bottom:2px solid black;"><b style="color: forestgreen"> You Choose Action G</b></td>
        <td style="border-bottom:2px solid black;">10</td>
        <td style="border-bottom:2px solid black;">10</td>
        <td style="border-bottom:2px solid black;">10</td>
        <td style="border-bottom:2px solid black;">10</td>
        <td style="border-bottom:2px solid black;">10</td>
        <td style="border-bottom:2px solid black;">10</td>
        <td style="border-bottom:2px solid black;">10</td>
        <td style="border-bottom:2px solid black;">10</td>
        <td style="border-bottom:2px solid black;">10</td>
        <td style="border-bottom:2px solid black;">10</td>
        </tr>

    </table>

        {% formfield group.Ques9 %}

        </p>
      {% next_button %}
{% endblock %}
{% block app_styles %}
<style type="text/css">
    th {

        font-size: 9pt;
        text-align: center;
        font-weight: bold;
        }

    td {
        font-size: 9pt;
        text-align: center;
        }

    td.confirmation {
    }

    table {
        table-layout: auto;
        }
    table.table tbody,
    table.table thead,
    table.table thead {
     border-left: 1px solid black;
     border-right: 1px solid black;
        border-top: 1 px solid black;
    }
    </style>
{% endblock %}