{% extends "default_content_page.html" %}
{% block title %}{{ contact_person.surname }} {{ contact_person.name }}{% endblock %}
{% block navigation %}
     <li class="nav-item active">
        <a class="nav-link" href="{% url 'contacts:contact_person_list' %}">
            <i class="fa-solid fa-house"></i>
            <span>Назад до списку</span></a>
    </li>
{% endblock %}
{% block content-title %}
    {{ contact_person.surname }} {{ contact_person.name }} {{ contact_person.father_name }}
{% endblock %}
{% block content-inner %}
<div class="card shadow mb-4">
    <div class="card-body">
        <div class="container">
            <div class="row">
                <div class="col">
                    <p><b>Посада:</b>  {{ contact_person.position }}</p>
                </div>
                <div class="col">
                    <p><b>Дата народження:</b>  {{ contact_person.birth_date }}</p>
                </div>
            </div>
        </div>
        <hr/>
        <div class="container">
            <h4>Фермерські господарства</h4>
            <div class="row">
                {% for farmer in contact_person.farmers.all %}
                    <div class="col">
                        <p>{{ farmer.name }}</p>
                    </div>
                {% empty %}
                    <div class="col">
                        <p>Немає пов'язаних фермерських господарств.</p>
                    </div>
                {% endfor %}
            </div>
        </div>
        <hr/>
        <div class="container">
            <h4>Контактні дані</h4>
            <div class="row">
                {% for detail in contact_person.contact_details.all %}
                    <div class="col">
                        <p><b>{{ detail.get_contact_type_display }}:</b>  {{ detail.value }}</p>
                    </div>
                {% empty %}
                    <div class="col">
                        <p>Немає контактних даних.</p>
                    </div>
                {% endfor %}
            </div>
        </div>
        <a href="{% url 'contacts:contact_person_update' contact_person.id %}" class="btn btn-primary float-right">Редагувати</a>
    </div>
</div>
{% endblock %}