{% extends "kin/base.html" %}
{% block title %}Relationship finder{% endblock %}
{% block content %}
<h1>How is A related to B?</h1>
<form method="get" class="card relate-form">
  <label>Person A <input name="a" value="{{ ta }}" list="people-a" data-picker autocomplete="off" placeholder="Start typing a name"></label>
  <datalist id="people-a"></datalist>
  <label>Person B <input name="b" value="{{ tb }}" list="people-b" data-picker autocomplete="off" placeholder="Start typing a name"></label>
  <datalist id="people-b"></datalist>
  <button class="btn">Find relationship</button>
</form>
{% if error %}<p class="msg error">{{ error }}</p>{% endif %}
{% if result %}
  {% if not result.related %}
    <section class="card"><h2>No relationship found</h2><p>{{ result.a.name }} and {{ result.b.name }} are not connected by recorded parentage or marriage (up to one marriage hop).</p></section>
  {% endif %}
  {% for path in result.paths %}
  <section class="card result">
    <h2>{% if forloop.first %}{{ result.a.name }} is {{ result.b.name }}'s <em>{{ path.term }}</em>{% else %}Also: {{ path.term }}{% endif %}</h2>
    {% if path.kind == 'blood' %}<p class="muted">{% if path.half %}Half-relationship (one common ancestor). {% endif %}Common ancestor: <b>{{ path.common_ancestor }}</b>, {{ path.generations_up.0 }} generation(s) above {{ result.a.name }} and {{ path.generations_up.1 }} above {{ result.b.name }}.</p>{% endif %}
    {% if path.indian %}<p class="indian">Indian kinship: <b>{{ path.indian.hindi }}</b> (Hindi) · <b>{{ path.indian.marathi }}</b> (Marathi) <span class="muted">— {{ path.indian.note }}</span></p>{% endif %}
    <ol class="pathviz">{% for n in path.path %}<li><a class="node{% if n.name == path.common_ancestor %} anc{% endif %}" href="{% url 'kin:person' n.id %}">{{ n.name }}</a>{% if n.edge %}<span class="edge">{{ n.edge }}</span>{% endif %}</li>{% endfor %}</ol>
  </section>
  {% endfor %}
  {% if result.related and result.reverse_term %}<p class="muted">Conversely, {{ result.b.name }} is {{ result.a.name }}'s {{ result.reverse_term }}.</p>{% endif %}
  {% if result.paths|length > 1 %}<p class="muted">Several paths exist (for example pedigree collapse or a marriage between relatives); the closest is listed first.</p>{% endif %}
{% endif %}
{% endblock %}