{{ block title }}
    Quiz
{{ endblock }}

{{ block content }}
    <style>
        .otree-btn-next {
            float: right;
            margin: 40px auto;
        }
        .equation {
            text-indent: 50px;
        }        
        table {
            border-collapse: collapse;
            width: 70%;
            margin-left: auto;
            margin-right: auto;
        }
        td, th {
            border: 1px solid black;
            text-align: center;
            padding: 8px;
        }
        th {
            background-color: #dddddd;
        }
    </style>

    <p>
        Please calculate the firm's and employee's payoffs in the following hypothetical scenarios.
    </p>
    <p>
        Recall the following payoff formulas:
    </p>
    <p class="equation">
        Firm payoff = (120 × production level) - wage
    </p>
    <p class="equation">
        Employee payoff = wage - production cost
    </p>
    <p>
        You may use the cost of production table provided below when calculating employee payoff.
    </p>
    <table>
        <tr><th>Production Level</th><td>0.1</td><td>0.2</td><td>0.3</td><td>0.4</td><td>0.5</td><td>0.6</td><td>0.7</td><td>0.8</td><td>0.9</td><td>1.0</td></tr>
        <tr><th>Production Costs (Lira)</th><td>0</td><td>1</td><td>2</td><td>4</td><td>6</td><td>8</td><td>10</td><td>12</td><td>15</td><td>18</td></tr>
    </table><br>
    <h5>
        Scenario 1
    </h5>
    <p>
        Suppose the agreed upon pay is 100 Lira and the chosen production level is 1.0.
    </p>
    {{ formfield 'comp6'}}
    {{ formfield 'comp7'}}
    <h5>
        Scenario 2
    </h5>
    <p>
        Suppose the agreed upon pay is 40 Lira and the chosen production level is 0.4.
    </p>
    {{ formfield 'comp8'}}
    {{ formfield 'comp9'}}

    {{ next_button }}
{{ endblock }}