{% extends "default_content_page.html" %}
{% load crm_extras %}
{% block title %}Взаємодії користувача {{ target_user.get_full_name }}{% endblock %}
{% block navigation %}
    <li class="nav-item">
        <a class="nav-link" href="{% url 'crm:user_dashboard' %}">
            <i class="fa-solid fa-chart-bar"></i>
            <span>Повернутися до звіту</span></a>
    </li>
{% endblock %}
{% block content-title %}Взаємодії користувача {{ target_user.get_full_name }} за {{ PERIOD_CHOICES|dict_get:period }}{% endblock %}
{% block content-inner %}

<!-- Форма фільтрації -->
<form method="get" class="form-inline mb-3">
    <label for="period">Період: </label>
    <select name="period" id="period" class="form-control mx-2">
        {% for key, value in PERIOD_CHOICES.items %}
            <option value="{{ key }}" {% if period == key %}selected{% endif %}>{{ value }}</option>
        {% endfor %}
    </select>

    <button type="submit" class="btn btn-primary">Оновити</button>
</form>

<!-- Список взаємодій -->
<table class="table">
    <thead>
        <tr>
            <th>Дата взаємодії</th>
            <th>Фермер</th>
            <th>Статус</th>
            <th>Культури</th>
            <th>Коментар</th>
            <th>Дата наступної взаємодії</th>
        </tr>
    </thead>
    <tbody>
        {% for interaction in interactions %}
        <tr>
            <td>{{ interaction.date }}</td>
            <td>{{ interaction.farmer.name }}</td>
            <td>{{ interaction.client_status }}</td>
            <td>
                {% for culture in interaction.cultures.all %}
                    {{ culture.cultureable_name }}{% if not forloop.last %}, {% endif %}
                {% endfor %}
            </td>
            <td>{{ interaction.comment }}</td>
            <td>{{ interaction.next_interaction_date }}</td>
        </tr>
        {% empty %}
        <tr>
            <td colspan="6">Взаємодій не знайдено за цей період.</td>
        </tr>
        {% endfor %}
    </tbody>
</table>

{% endblock %}