{% load otree %}

<div class="mb-3">
    <p>
        Dear participant, welcome to our study!
    </p>
    <p>
        By participating in this study, you will be able to make real money which will include a $12 show up fee in
        addition to other payoffs that will be based on your decisions during the game.
    </p>
    <h4>Study Description</h4>
    <p>
        This study is about a strategic decision making of two groups which are labeled as
        <span class="text-primary font-weight-bold">protesters</span> and
        <span class="text-danger font-weight-bold font-italic">police officers</span>. Each participant will be randomly
        chosen into one of these groups. There are two types of
        <span class="text-primary font-weight-bold">protesters</span> labeled as anti-regime which means those who want
        to change the government, and nonantiregime, those who do not want to change the government. The
        <span class="text-primary font-weight-bold">protester</span> types are also randomly selected. The payoffs for
        anti-regime protesters differ from nonantiregime protesters.
    </p>
    <p>
        Each participant selected as a <span class="text-primary font-weight-bold">Protester</span> can choose to play
        from two actions, <b>Low</b> or <b>High</b>, while each participant selected as a
        <span class="text-danger font-weight-bold font-italic">Police</span> can respond with <b>Repress</b> or
        <b>Tolerate</b>.
    </p>
    <p>
        A participant randomly selected as a <span class="text-primary font-weight-bold">Protester</span> makes the
        <b>first move</b> and a participant randomly selected as a
        <span class="text-danger font-weight-bold font-italic">Police</span> makes the <b>second move</b> by responding to
        protesters’ actions.
    </p>
    <p>
        At round 1, you are randomly matched with one participant after which there will be no
        random re-matching. Each participant always plays <b>ONLY</b> against one other participant.
    </p>

    <div class="alert alert-light mt-5 text-center">
        You have randomly been selected as a <span class="{{ my_color }}">{{ my_role }}</span> which will be your role
        for the rest of the study.
        {% if my_role == 'Protester' %}
        You have also been randomly selected to be in <b><em>{{ my_treatment }}</em></b> group.
        {% endif %}
    </div>

    <div class="my-5">
        {% include Constants.display_matrix_template %}
    </div>

</div>