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

{% block title %}
    Comprehension Questions
{% endblock %}

{% block content %}

<h6>
    Please answer the following questions. You are required to answer all questions correctly in order to proceed to the actual experiment. Hints will be provided when your answer is incorrect. <strong> You can find the instruction of the experiment at the bottom of the page.</strong>
</h6>

<br>

    <div class="card bg-light">
        <div class="card-body">
            <h6>
                Consider the situation in which Retailer A orders 80 and Retailer B orders 100. You have a capacity of 100 products and a wholesale price is 1 token per product.
            </h6>

            <p> {% formfield player.q11 label = "Q1: What is the maximum sum of products that you can allocate?" %} </p>

            <p> {% formfield player.q12 label = "Q2: If you allocate 40 products to Retailer A and 60 to Retailer B, how many tokens can you earn in total?" %} </p>

        </div>
    </div>

<br>

    <div class="card bg-light">
        <div class="card-body">
            <h6>
                Consider the situation in which Retailer A orders 40 and Retailer B orders 20. You have a capacity of 100 products and a wholesale price is 1 tokens per product.
            </h6>

            <p> {% formfield player.q21 label = "Q3: What is the maximum sum of products that you can allocate" %} </p>

            <p> {% formfield player.q22 label = "Q4: If you allocate 40 products to retailer A and 20 to retailer B, how many tokens can you earn in total?" %} </p>


        </div>
    </div>

<br>
{% next_button %}
<br>

<h3>
    Instructions
</h3>
<br>
{% include Constants.instructions_template %}

{% endblock %}