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

{% block title %}
    Earning Task - Results
{% endblock %}

{% block content %}
    <br>
    <div class="card bg-light m-3"><div class="card-body">
    <span class="important-text">
        <p>Your number of <b>correct answers</b> is {{ correct }} out of 12.</p>
        <p>Your resulting <b>gross income</b> from Part 1 is <b>{{ income }} ECU</b>.</p>
    </span>
    </div></div>
    <br>

    {% next_button %}
    <br>

    <p><b>Solutions to your tasks:</b></p>
    <p></p>
        <table class="table" style="align-content: center" width=50%>
            <tr>
                <th></th>
                <th>Question</th>
                <th>Your Answer</th>
                <th>Correct Answer</th>
                <th></th>
            </tr>
            <tr>
                <td></td>
                <td>72 + 39 =</td>
                <td>{{ task1m }}</td>
                <td>111</td>
                <td>{% if task1m == 111 %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>D, A, N, I, I :</td>
                <td>{{ task1c }}</td>
                <td>INDIA</td>
                <td>{% if task1c == 'INDIA' %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>H, E, T, P, L, A, N, E :</td>
                <td>{{ task1a }}</td>
                <td>ELEPHANT</td>
                <td>{% if task1a == 'ELEPHANT' %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>(74 + 23) × 2 =</td>
                <td>{{ task2m }}</td>
                <td>194</td>
                <td>{% if task2m == 194 %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>L, A, T, Y, I :</td>
                <td>{{ task2c }}</td>
                <td>ITALY</td>
                <td>{% if task2c == 'ITALY' %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>L, E, A, G, E :</td>
                <td>{{ task2a }}</td>
                <td>EAGLE</td>
                <td>{% if task2a == 'EAGLE' %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>172 / 4 =</td>
                <td>{{ task3m }}</td>
                <td>43</td>
                <td>{% if task3m == 43 %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>P, N, A, A, J :</td>
                <td>{{ task3c }}</td>
                <td>JAPAN</td>
                <td>{% if task3c == 'JAPAN' %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>C, L, I, O, R, O, D, C, E :</td>
                <td>{{ task3a }}</td>
                <td>CROCODILE</td>
                <td>{% if task3a == 'CROCODILE' %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>56 × 7 :</td>
                <td>{{ task5m }}</td>
                <td>392</td>
                <td>{% if task5m == 392 %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>T, I, N, A, A, N, A, Z :</td>
                <td>{{ task5c }}</td>
                <td>TANZANIA</td>
                <td>{% if task5c == 'TANZANIA' %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td></td>
                <td>U, S, C, O, P, T, O :</td>
                <td>{{ task5a }}</td>
                <td>OCTOPUS</td>
                <td>{% if task5a == 'OCTOPUS' %}
                    <span>&#9989;</span>
                    {% endif %}
                </td>
            </tr>
        </table>

{% endblock %}