{% extends 'base.html' %}

{% block content %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active" aria-current="page">People</li>
        </ol>
    </nav>

    <h1>People</h1>

    <hr>

    <a class="btn btn-success"
        href="{% url 'people:person.create' %}">New Person</a>

    <table class="table table-borderless">
        <thead>
            <tr>
                <th>Name</th>
            </tr>
        </thead>

        <tbody>
            {% for person in person_list.all %}
                <tr>
                    <td>{{ person }}</td>
                    <td>
                        <a class="btn btn-sm btn-info"
                           href="{% url 'people:person.detail' pk=person.pk %}">Profile</a>

                        {% if person.pk in existing_relationships %}
                            <a class="btn btn-sm btn-warning"
                                style="width: 10rem"
                                href="{% url 'people:person.relationship.create' person_pk=person.pk %}">Update Relationship
                                </a>

                        {% else %}
                            <a class="btn btn-sm btn-success"
                                style="width: 10rem"
                                href="{% url 'people:person.relationship.create' person_pk=person.pk %}">New Relationship
                                </a>
                        {% endif %}
                    </td>
                </tr>

            {% empty %}
                <tr>
                    <td>No records</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

{% endblock %}