{{ extends 'global/Page.html' }}
{{ block title }}Quiz{{ endblock }}

{{ block content }}
<p>
    Recall the cost table and income formulas arw as follows:
    <style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:9px 7px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:9px 7px;word-break:normal;}
.tg .tg-0p91{border-color:inherit;font-family:"Times New Roman", Times, serif !important;text-align:center;vertical-align:top}
.tg .tg-dgg6{border-color:inherit;font-family:"Times New Roman", Times, serif !important;font-weight:bold;text-align:center;
  vertical-align:top}
    <style>
        /*
        interestingly, 'readonly' doesn't apply to radio buttons.
        so we set 'pointer-events: none' to prevent clicking a radio.
        (it can also be done through JS but doesn't hurt to have this extra measure)
        (note: radio buttons can also be changed using the keyboard)

        note: we don't set 'disabled' because disabled inputs don't get
        submitted by the form, and therefore the server would complain that the form is missing.
         */
        input, label {
            pointer-events: none;
        }

        .solution-incorrect {
            color: red;
        }

        .solution-correct {
            color: green;
        }
    </style>
</style>
<table class="tg" style="undefined;table-layout: fixed; width: 391px">
<colgroup>
<col style="width: 78.77778px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
<col style="width: 52px">
</colgroup>
<thead>
  <tr>
    <th class="tg-dgg6">Work Level</th>
    <th class="tg-0p91">1</th>
    <th class="tg-0p91">2</th>
    <th class="tg-0p91">3</th>
    <th class="tg-0p91">4</th>
    <th class="tg-0p91">5</th>
    <th class="tg-0p91">6</th>
    <th class="tg-0p91">7</th>
    <th class="tg-0p91">8</th>
    <th class="tg-0p91">9</th>
    <th class="tg-0p91">10</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td class="tg-dgg6">Cost</td>
    <td class="tg-0p91">2</td>
    <td class="tg-0p91">4</td>
    <td class="tg-0p91">6</td>
    <td class="tg-0p91">8</td>
    <td class="tg-0p91">10</td>
    <td class="tg-0p91">12</td>
    <td class="tg-0p91">14</td>
    <td class="tg-0p91">16</td>
    <td class="tg-0p91">18</td>
    <td class="tg-0p91">20</td>
  </tr>
</tbody>
</table>
<br>
    <p><strong>
        Income of the worker = Wage - Cost of the work level chosen<br/>
        Output = work level of the first worker + work level of the second worker <br />
        Income of the manager = 100 + 4*Output– Total wage for the two workers <br /></strong>
    </p>


{{ formfield "q1" }}
{{ formfield "q2" }}
{{ formfield "q3" }}
{{ formfield "q4" }}
<br>
<br>
<p>5. Assume that the manager offers a wage of 70 dimra to the two workers. How much income would be earned by the worker and the manager for each of the following work levels? (Please write the correct amount in each box)</p>
<table style="height: 100px;" width="822" border="1">
<tbody>
<tr>
<td style="width: 164.188px;horiz-align: center">Worker 1 Work Level</td>
<td style="width: 164.188px;horiz-align: center">&nbsp;Worker 2 Work Level</td>
<td style="width: 164.188px; horiz-align: center">&nbsp;Worker 1</td>
<td style="width: 164.188px;horiz-align: center">&nbsp;Worker 2</td>
<td style="width: 164.25px;horiz-align: right">Manager</td>
</tr>
<tr>
<td style="width: 164.188px;"> 2</td>
<td style="width: 164.188px;">&nbsp;7</td>
<td style="width: 164.188px; vertical-align: text-top;">&nbsp;{{ formfield "q51" }}</td>
<td style="width: 164.188px;">&nbsp;{{ formfield "q52" }}</td>
<td style="width: 164.25px;">&nbsp;{{ formfield "q53" }}</td>
</tr>

</tbody>
</table>
<br>
<br>
<br>
<br>



{{ next_button }}


{{ endblock }}