{% load i18n %}

{% if family %}
<h2>{% trans "Informations related to your family" %}</h2>
{% with data=family.data %}
{% if data %}
<div class="family_unlink">
  <a href="{% url 'family-unlink' %}" rel="popup">{% trans "Unlink" %}</a>
</div>
{% if data.adults %}
<h3>{% trans "Adults" %}</h3>
<ul>
{% for adult in data.adults %}
<li>
  {% include 'family/person.html' with person=adult %}
</li>
{% endfor %}
</ul>
{% endif %}

{% if data.children %}
<h3>{% trans "Children" %}</h3>
<ul>
{% for child in data.children %}
<li>
  {% include 'family/person.html' with person=child %}
</li>
{% endfor %}
</ul>
{% endif %}

{% else %}
<p>{% trans "No family linked to your account." %}</p>
{% url 'family-link' as link_url %}
<p>{% blocktrans %}If you have family credentials, please
  <a href="{{ link_url }}" rel="popup">click here</a> to link your personal
  account to it.
  {% endblocktrans %}
</p>
{% endif %}
{% endwith %}
{% else %}
<p>{% trans "You have to connect and link you account to a family" %}</p>
{% endif %}