{% extends "otree/Page.html" %}
{% load otree static %}
{{ block title }}
Quiz
{{ endblock }}

{{ block style }}
    {% include C.common_style_template %}
<script type="text/javascript" id="MathJax-script" async
        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>
{{ endblock }}
{{ block content }}
<div class="quiz">
<p>
    Before we start the experiment, please answer a few questions that review the rules of today's experiment.
    The numbers that appear in these questions are for illustration purposes only; actual numbers in the experiment may
    be different.
</p>
<ol>
    <li>{{ formfield 'q1' }}</li>
    <li>{{ formfield 'q2' }}</li>
    <li>{{ formfield 'q3'}}</li>
    <li>{{ formfield 'q4' }}</li>
    <li>{{ formfield 'q5a' }}
        {{ formfield 'q5b' }}</li>
    <li>{{ formfield 'q6' }}</li>
    <li>Suppose you are a producer in market A and therefore a consumer in market B.
        <ol type='a'>
            <li>In market A, you produced \(x_{Ar}\) =3 for red tokens, and \(x_{Ag}\) =3 for green tokens.
                {{ formfield 'q7a' }}
            </li>
            <li>Suppose the market price in market A for red tokens is \(P_{Ar}\) = 2, and for green tokens is
                \(P_{Ag}\) = 3.
                {{ formfield 'q7b1' }}
                {{ formfield 'q7b2'  }}
            </li>
            <li>Suppose you use the earned tokens to buy Good B in market B and the market price for red tokens is
                \(P_{Br}\) = 2, and the price for green tokens is \(P_{Bg}\) = 3.
                {{ formfield 'q7c' }} </li>
            <li>{{ formfield 'q7d' }}</li>
            <li>{{ formfield 'q7e'  }}</li>
        </ol>
    </li>
    <li>{{ formfield 'q8' }}</li>
    <li>{{ formfield 'q9' }}</li>
    <li>{{ formfield 'q10'  }}</li>
    <li>{{ formfield 'q11a' }}
        {{ formfield 'q11b'  }}</li>
    <li>{{ formfield 'q12' }}</li>
    <li>At the end of period {{ C.BLOCK_SIZE }} of each block, you are shown the realization of the random draws for
        all {{ C.BLOCK_SIZE }} periods in the block and learn whether the sequence has actually ended within the block.
        If the sequence has ended within the block of the first {{ C.BLOCK_SIZE }} periods, the final period of the
        sequence is the first period in which the realization of the random draw is a “{{ dice_end }}”, and your
        decisions after the final period are ignored.
        {{ formfield 'q13' label="" }}
    </li>
</ol>
        <div style="margin:auto;width: 80px;height: 50px;">
            <button class="otree-btn-next btn btn-primary" style="width: 80px;">Next</button>
        </div>
    </div>
<div class="instructions">
    <h5>Instructions</h5>
    {{ include C.instructions_template }}
</div>

{{ endblock }}