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

{% block title %}
    <div class="container" style="text-align: center;">
 {% if player.participant.Ana_generation == 1 %} Part 3 {% elif player.participant.Ana_generation == 2 %} Part 1 {% endif %}: Spot the Differences Task
    </div>

{% endblock %}

{% block content %}
<br>
<br>
    <div class="container" style="width: 105%; text-align: center;">
        You and your {% if player.participant.Ana_generation == 1 %}next{% elif player.participant.Ana_generation == 2 %}previous{% endif %} generation ({% Ana_family_assignment %}-{% if player.participant.Ana_generation == 1 %}II{% elif player.participant.Ana_generation == 2 %}I{% endif %}) will have to complete a Spot-the-Differences Task. <br>
        <br>
        There will be 3 sets. In each set, you and {% Ana_family_assignment %}-{% if player.participant.Ana_generation == 1 %}II{% elif player.participant.Ana_generation == 2 %}I{% endif %} will be shown two pictures and have to identify the differences in the pictures. <Br>
        <br>
        For each set, you will have 60 seconds to discuss and additional 20 seconds to submit answers. <br>
        <br>
        In the final 20 seconds, one of you will be responsible for inputting your answers before the time is up.<br>
        <br>
        For each correct answer, you will earn 1 ECU.
<br><br><Br>


         <div style ="display: flex; align-items: center;justify-content: right;">
    <button id="submit-btn" class="btn btn-primary btn-lg">{% trans 'Proceed' %}</button>
                            </div>
    </div>
{{ endblock }}