{% load otree %}

{% block title %}
Comparison of Tasks
{% endblock %}


{% block content %}
    <div class="card bg-light instructions">
    <div class="card-body">

<b>
Please answer the following questions for each of the four tasks. <br>
For each question, please indicate how much you agree to the respective statements using a scale from 1 (not agree at all) to 7 (fully agree).
</b>

    </div></div>

    <div class="card bg-light instructions">
    <div class="card-body">

        <table class='table text-left' style='width: auto; margin: auto'>

        <tr>
            <td> </td>
            <td> <h5> Game 1: <br><b style="color:orange";> Task "orange" </b> </h5> </td>
            <td> <h5> Game 2: <br><b style="color:blue";> Task "blue" </b> </h5></td>
            <td> <h5> Game 3: <br><b style="color:green";> Task "green" </b> </h5></td>
            <td> <h5> Game 4: <br><b style="color:red";> Task "red" </b> </h5></td>
        </tr>


        <tr>
            <td>The task is easy to understand and can be answered straightforwardly </td>
                        <th colspan=1 >
            {% formfield player.g1_easy_to_understand%}
            </th>

                        <th colspan=1 >
            {% formfield player.g2_easy_to_understand%}
            </th>

                        <th colspan=1 >
            {% formfield player.g3_easy_to_understand%}
            </th>

                        <th colspan=1 >
            {% formfield player.g4_easy_to_understand%}
            </th>


        </tr>


         <tr>
            <td>The task involves complex calculations and requires
                deliberating on the trade-off between expected outcomes
                and the inherent <b>“riskiness”</b> of the different outcomes. </td>

              <th colspan=1 >
            {% formfield player.g1_involves_risk%}

            </th>

            <th colspan=1 >
            {% formfield player.g2_involves_risk%}
            </th>
             <th></th>
             <th></th>
         </tr>


          <tr>
            <td>The task involves complex calculations and requires deliberating
                on the trade-off between expected outcomes and the degree of
                <b>“altruism”</b> in different choices.</td>

            <th>
            </th>

            <th>
            </th>


            <th colspan=1 >
            {% formfield player.g3_involves_altruism%}
            </th>

            <th colspan=1 >
            {% formfield player.g4_involves_altruism%}
            </th>
          </tr>

          <tr>
            <td>Completing the task is annoying and boring. </td>
            <th colspan=1 >
            {% formfield player.g1_annoying_boring %}

            </th>

            <th colspan=1 >
            {% formfield player.g2_annoying_boring %}

            </th>

            <th colspan=1 >
            {% formfield player.g3_annoying_boring %}

            </th>

            <th colspan=1 >
            {% formfield player.g4_annoying_boring %}
            </th>


        </tr>

    </table>

        <br>
 {% next_button %}
<br>

    </div></div>

        <br><br>


<h1> Recall of tasks and their colors</h1>

    <div class="card bg-light instructions">
    <div class="card-body">

         {% 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 %}

    </div></div>


{% endblock %}