{% extends "default_content_page.html" %}
{% block title %}Мої взаємодії{% endblock %}
{% block navigation %}
    <li class="nav-item active">
        <a class="nav-link" href="{% url 'home' %}">
            <i class="fa-solid fa-house"></i>
            <span>Головна сторінка</span></a>
    </li>
{% endblock %}
{% block content-title %}Мої взаємодії{% endblock %}
{% block content-inner %}
    

    <!-- Таблиця з взаємодіями -->
    <div class="card shadow mb-4">
        <div class="card-body">
            <div class="table-responsive">
                <div id="dataTable_wrapper" class="dataTables_wrapper dt-bootstrap4">
                
                    <!-- Рядок з фільтрами -->
                        <div class="row mb-3" id="custom-margin">
                            <!-- Фільтр за статусом клієнта -->
                            <div class="col">
                                <form method="get" action="" class="d-sm-inline-block form-inline navbar-search">
                                    <div class="input-group">
                                        <select name="client_status" id="client_status" class="form-control">
                                            <option value="">Статус клієнта</option>
                                            <option value="unprocessed" {% if client_status == 'unprocessed' %}selected{% endif %}>Не оброблений</option>
                                            <option value="cold" {% if client_status == 'cold' %}selected{% endif %}>Холодний</option>
                                            <option value="warm" {% if client_status == 'warm' %}selected{% endif %}>Теплий</option>
                                            <option value="hot" {% if client_status == 'hot' %}selected{% endif %}>Гарячий</option>
                                        </select>
                                        <div class="input-group-append">
                                            <button class="btn btn-primary" type="submit">
                                                <i class="fas fa-filter fa-sm"></i>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Фільтр за фермером -->
                            <div class="col">
                                <form method="get" action="" class="d-sm-inline-block form-inline navbar-search">
                                    <div class="input-group">
                                        <select name="farmer" id="farmer" class="form-control">
                                            <option value="">Фільтр за фермером</option>
                                            {% for farmer in farmers %}
                                                <option value="{{ farmer.id }}" {% if farmer_id == farmer.id %}selected{% endif %}>{{ farmer.name }}</option>
                                            {% endfor %}
                                        </select>
                                        <div class="input-group-append">
                                            <button class="btn btn-primary" type="submit">
                                                <i class="fas fa-filter fa-sm"></i>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Фільтр за типом взаємодії -->
                            <div class="col">
                                <form method="get" action="" class="d-sm-inline-block form-inline navbar-search">
                                    <div class="input-group">
                                        <select name="interaction_type" id="interaction_type" class="form-control">
                                            <option value="">Тип взаємодії</option>
                                            {% for key, value in interaction_types %}
                                                <option value="{{ key }}" {% if interaction_type == key %}selected{% endif %}>{{ value }}</option>
                                            {% endfor %}
                                        </select>
                                        <div class="input-group-append">
                                            <button class="btn btn-primary" type="submit">
                                                <i class="fas fa-filter fa-sm"></i>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <!-- Поле пошуку за фермером (опціонально) -->
                            <div class="col">
                                <form method="get" action="" class="d-sm-inline-block form-inline navbar-search">
                                    <div class="input-group">
                                        <input type="text" name="search" class="form-control bg-light border-0 small" placeholder="Пошук за фермером" aria-label="Search" aria-describedby="basic-addon2" value="{{ search_query }}">
                                        <div class="input-group-append">
                                            <button class="btn btn-primary" type="submit">
                                                <i class="fas fa-search fa-sm"></i>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>
                                    <a href="?sort={% if current_sort == 'date' and current_sort_direction == 'asc' %}-{% endif %}date{% if query_params %}&amp;{{ query_params }}{% endif %}">
                                        Дата взаємодії
                                        {% if current_sort == 'date' %}
                                            {% if current_sort_direction == 'asc' %}
                                                ▲
                                            {% else %}
                                                ▼
                                            {% endif %}
                                        {% endif %}
                                    </a>
                                </th>
                                <th>Фермер</th>
                                <th>Контактна особа</th>
                                <th>
                                    <a href="?sort={% if current_sort == 'interaction_type' and current_sort_direction == 'asc' %}-{% endif %}interaction_type{% if query_params %}&amp;{{ query_params }}{% endif %}">
                                        Тип взаємодії
                                        {% if current_sort == 'interaction_type' %}
                                            {% if current_sort_direction == 'asc' %}
                                                ▲
                                            {% else %}
                                                ▼
                                            {% endif %}
                                        {% endif %}
                                    </a>
                                </th>
                                <th>Культури</th>
                                <th>Ціна</th>
                                <th>Бажана ціна</th>
                                <th>Базис</th>
                                <th>Коментар</th>
                                <th>
                                    <a href="?sort={% if current_sort == 'next_interaction_date' and current_sort_direction == 'asc' %}-{% endif %}next_interaction_date{% if query_params %}&amp;{{ query_params }}{% endif %}">
                                        Дата наступної взаємодії
                                        {% if current_sort == 'next_interaction_date' %}
                                            {% if current_sort_direction == 'asc' %}
                                                ▲
                                            {% else %}
                                                ▼
                                            {% endif %}
                                        {% endif %}
                                    </a>
                                </th>
                                <th>Статус клієнта</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for interaction in interactions %}
                                <tr>
                                    <td>{{ interaction.date|date:"d.m.Y H:i" }}</td>
                                    <td>{{ interaction.farmer.name }}</td>
                                    <td>{{ interaction.contact_person }}</td>
                                    <td>{{ interaction.get_interaction_type_display }}</td>
                                    <td>
                                        {% for culture in interaction.cultures.all %}
                                            {{ culture.cultureable_name }}{% if not forloop.last %}, {% endif %}
                                        {% endfor %}
                                    </td>
                                    <td>{{ interaction.price }}</td>
                                    <td>{{ interaction.desired_price }}</td>
                                    <td>{{ interaction.get_basis_display }}</td>
                                    <td>{{ interaction.comment }}</td>
                                    <td>{{ interaction.next_interaction_date|date:"d.m.Y H:i" }}</td>
                                    <td>{{ interaction.get_client_status_display }}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    <!-- Пагінація (якщо використовується) -->
                    {% if is_paginated %}
                        <div class="pagination">
                            <span class="page-links">
                                {% if interactions.has_previous %}
                                    <a href="?page=1{% if query_params %}&amp;{{ query_params }}{% endif %}">Перша</a>
                                    <a href="?page={{ interactions.previous_page_number }}{% if query_params %}&amp;{{ query_params }}{% endif %}">Попередня</a>
                                {% endif %}

                                <span class="current">
                                    Сторінка {{ interactions.number }} з {{ interactions.paginator.num_pages }}
                                </span>

                                {% if interactions.has_next %}
                                    <a href="?page={{ interactions.next_page_number }}{% if query_params %}&amp;{{ query_params }}{% endif %}">Наступна</a>
                                    <a href="?page={{ interactions.paginator.num_pages }}{% if query_params %}&amp;{{ query_params }}{% endif %}">Остання</a>
                                {% endif %}
                            </span>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}