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


{% block content %}

         {% if player.app_sequence_select == 1%}

<h1> Game 1: <b style="color:orange";> Task "orange" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_GP_template %}
    </div></div>
<br>
<h1> Game 2: <b style="color:blue";> Task "blue" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_BW_template %}
    </div></div>
<br>
<h1> Game 3: <b style="color:green";> Task "green" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_DAS_template %}
    </div></div>
<br>
<h1> Game 4: <b style="color:red";> Task "red" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_DCL_template %}
    </div></div>

        {% elif player.app_sequence_select == 2%}

<h1> Game 1: <b style="color:orange";> Task "orange" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_GP_template %}
    </div></div>
<br>
<h1> Game 2: <b style="color:blue";> Task "blue" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_BW_template %}
    </div></div>
<br>
<h1> Game 3: <b style="color:green";> Task "green" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_DCL_template %}
    </div></div>
<br>
<h1> Game 4: <b style="color:red";> Task "red" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_DAS_template %}
    </div></div>

        {% elif player.app_sequence_select == 3%}

<h1> Game 1: <b style="color:orange";> Task "orange" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_BW_template %}
    </div></div>
<br>
<h1> Game 2: <b style="color:blue";> Task "blue" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_GP_template %}
    </div></div>
<br>
<h1> Game 3: <b style="color:green";> Task "green" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_DAS_template %}
    </div></div>
<br>
<h1> Game 4: <b style="color:red";> Task "red" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_DCL_template %}
    </div></div>


        {% elif player.app_sequence_select == 4%}

<h1> Game 1: <b style="color:orange";> Task "orange" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_BW_template %}
    </div></div>
<br>
<h1> Game 2: <b style="color:blue";> Task "blue" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_GP_template %}
    </div></div>
<br>
<h1> Game 3: <b style="color:green";> Task "green" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_DCL_template %}
    </div></div>
<br>
<h1> Game 4: <b style="color:red";> Task "red" </b> </h1>
    <div class="card bg-light instructions">
    <div class="card-body">
    {% include Constants.instructions_DAS_template %}
    </div></div>

        {% endif %}



{% endblock %}