{% extends "kin/base.html" %}
{% block title %}{{ f }}{% endblock %}
{% block content %}
<div class="row"><h1>{{ f }}</h1><div class="actions"><a class="btn ghost" href="{% url 'kin:family_edit' f.pk %}">Edit partners</a><a class="btn ghost" href="{% url 'kin:family_event_add' f.pk %}">Add marriage/event</a><a class="btn ghost" href="{% url 'kin:child_add' f.pk %}">Link child</a></div></div>
<section class="card"><h2>Partners</h2><ul>{% for x in f.partners %}<li><a href="{{ x.get_absolute_url }}">{{ x.name }}</a></li>{% empty %}<li class="muted">None</li>{% endfor %}</ul></section>
<section class="card"><h2>Events</h2><ul>{% for e in events %}<li>{{ e.get_type_display }} {{ e.date_text }} {{ e.place.full_name|default:"" }} <a class="small" href="{% url 'kin:event_edit' e.pk %}">edit</a></li>{% empty %}<li class="muted">None</li>{% endfor %}</ul></section>
<section class="card"><h2>Children</h2><ul>{% for k in kids %}<li><a href="{{ k.child.get_absolute_url }}">{{ k.child.name }}</a> <span class="badge">{{ k.get_relation_display }}</span>
<form method="post" action="{% url 'kin:child_remove' k.pk %}" class="inline">{% csrf_token %}<button class="link small">unlink</button></form></li>{% empty %}<li class="muted">None</li>{% endfor %}</ul></section>
{% for n in notes %}<section class="card"><p>{{ n.text }}</p></section>{% endfor %}
<p><a class="danger-link" href="{% url 'kin:family_delete' f.pk %}">Delete family</a></p>
{% endblock %}