{{ block css }}
    <link rel="stylesheet" href="{{ static 'global/style.css' }}"/>
{{ endblock }}

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

{{ block content }}

    <div class="progress" role="progressbar" aria-label="Example with label" aria-valuenow="{{ progress_percentage }}%" aria-valuemin="0" aria-valuemax="100" style="height: 12px">
        <div class="progress-bar" style="width: {{ progress_percentage }}%;">{{ player.round_number }} of {{ C.NUM_ROUNDS }}</div>
    </div><br>

    <p>
        Please calculate both Firm A's and Firm B's payoff and the worker's payoff in the following hypothetical scenarios. 
    </p>
    <p>
        Recall the following payoff formulas:
    </p>
    <p class="equation">
        Firm payoff = (30 × <b>Production Level</b>) - <b>Wages</b>
    <p>
    <p class="equation">
        Worker payoff = <b>Wages</b> - <b>Production Costs</b><br>
    </p>
    <p>
        You may use the <b>Production Cost</b> table provided below when calculating employee payoff.
    </p>
    {{ include '_templates/global/Production_Cost_Table.html' }}
    <h5>
        Scenario 1
    </h5>
    <p>
        Suppose the worker accepts Firm B’s job offer, which includes a <b>Wage</b> of 70 Lira and chooses a <b>Production Level</b> of 8.
    </p>
    {{ formfield 'comp7' }}
    {{ formfield 'comp8' }}
    {{ formfield 'comp9' }}
    <h5>
        Scenario 2
    </h5>
    <p>
        Suppose the worker accepts Firm A’s job offer, which includes a <b>Wage</b> of 50 Lira and chooses a <b>Production Level</b> of 3.
    </p>
    {{ formfield 'comp10' }}
    {{ formfield 'comp11' }}
    {{ formfield 'comp12' }}

    {{ next_button }}
{{ endblock }}