{% 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 %}: Generation and families
    </div>

{% endblock %}

{% block content %}
<br>
    <div class="container" style="text-align: center;">
You and other participants in the session are the <b>{{if player.participant.Ana_generation == 1 }} first (I) {{elif player.participant.Ana_generation == 2 }} second (II)  {{endif}} generation</b>. <br><br>

{{if player.participant.Ana_generation == 1 }}
In Part 3, each participant in your generation will now choose a participant from the second (II) generation to be the successor of their family name.
{{elif player.participant.Ana_generation == 2 }}
In Part 1, each participant in the first (I) generation will now choose a participant from your generation to be the successor of their family name.
{{endif}}
    </div>
<br>
<br>
 <div style ="display: flex; align-items: center;justify-content: center;">
    <button id="submit-btn" class="btn btn-primary btn-lg">{% trans 'Next' %}</button>
                            </div>

{% endblock %}