{% extends "default_content_page.html" %}
{% block title %}Список Фермерів - {{ selected_region }} область{% endblock title %}
{% block sidebar-heading %}Регіони{% endblock %}
{% block navigation %}
    <div class="sidebar-heading">Регіони</div>
    <div class="navbar-nav" id="accordionSidebar">
        {% for r in regions %}
            {% if r.name == selected_region %}
                {% with 'show' as region_active %}
                {% with 'true' as region_expanded %}
                    <li class="nav-item">
                        <a class="nav-link collapsed" data-toggle="collapse" data-target="#collapseRegion{{ r.id }}" aria-expanded="true" href="{% url 'dataapp:farmers_list' r.name %}">
                            <i class="fas fa-fw fa-chart-area"></i>
                            <span>{{ r.name }}</span>
                        </a>
                        <div id="collapseRegion{{ r.id }}" class="collapse {{ region_active }}" aria-labelledby="headingRegion{{ r.id }}" data-parent="#accordionSidebar">
                            <div class="bg-white py-2 collapse-inner rounded">
                                {% for d in r.district_set.all %}
                                    <a class="collapse-item {% if d.name == selected_district %}active{% endif %}" href="{% url 'dataapp:farmers_list_district' r.name d.name %}">
                                        <span>{{ d.name }}</span>
                                    </a>
                                {% endfor %}
                            </div>
                        </div>
                    </li>
                {% endwith %}
                {% endwith %}
            {% else %}
                {% with '' as region_active %}
                {% with 'false' as region_expanded %}
                    <li class="nav-item">
                        <a class="nav-link collapsed" data-toggle="collapse" data-target="#collapseRegion{{ r.id }}" aria-expanded="{{ region_expanded }}" href="{% url 'dataapp:farmers_list' r.name %}">
                            <i class="fas fa-fw fa-chart-area"></i>
                            <span>{{ r.name }}</span>
                        </a>
                        <div id="collapseRegion{{ r.id }}" class="collapse {{ region_active }}" aria-labelledby="headingRegion{{ r.id }}" data-parent="#accordionSidebar">
                            <div class="bg-white py-2 collapse-inner rounded">
                                {% for d in r.district_set.all %}
                                    <a class="collapse-item {% if d.name == selected_district %}active{% endif %}" href="{% url 'dataapp:farmers_list_district' r.name d.name %}">
                                        <span>{{ d.name }}</span>
                                    </a>
                                {% endfor %}
                            </div>
                        </div>
                    </li>
                {% endwith %}
                {% endwith %}
            {% endif %}
        {% endfor %}
    </div>
{% endblock %}
{% block content-title %}Список Фермерів{% endblock %}
{% block content-inner %}
    <ul class="nav nav-tabs">
        <li class="nav-item">
            <a class="nav-link unprocessed {% if selected_status == 'unprocessed' %}active{% endif %}" href="?status=unprocessed">Не оброблений</a>
        </li>
        <li class="nav-item">
            <a class="nav-link cold {% if selected_status == 'cold' %}active{% endif %}" href="?status=cold">Холодний</a>
        </li>
        <li class="nav-item">
            <a class="nav-link warm {% if selected_status == 'warm' %}active{% endif %}" href="?status=warm">Теплий</a>
        </li>
        <li class="nav-item">
            <a class="nav-link hot {% if selected_status == 'hot' %}active{% endif %}" href="?status=hot">Гарячий</a>
        </li>
    </ul>
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">{{ selected_region }} область{% if selected_district %}, {{ selected_district }} район{% endif %}</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <div id="dataTable_wrapper" class="dataTables_wrapper dt-bootstrap4">
                    <div class="row" id="custom-margin">
                        <div class="col">
                            <div class="dataTables_length" id="dataTable_length">
                                <form method="get" action="" class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
                                    <div class="input-group">
                                        <input type="text" name="erdpou" class="form-control bg-light border-0 small" placeholder="Пошук за ЄДРПОУ" aria-label="Search" aria-describedby="basic-addon2">
                                        <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>
                        <div class="col">
                            <!-- Форма фільтра за площею (landing_area) -->
                            <form method="get" action="" class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
                                <div class="input-group">
                                    <select name="landing_area_filter" id="landing_area_filter" class="form-control">
                                        <option value="">Фільтр за площею</option>
                                        <option value="0-100" {% if filter_landing_area == '0-100' %}selected{% endif %}>Від 0 до 100 га</option>
                                        <option value="100-300" {% if filter_landing_area == '100-300' %}selected{% endif %}>Від 100 до 300 га</option>
                                        <option value="300-500" {% if filter_landing_area == '300-500' %}selected{% endif %}>Від 300 до 500 га</option>
                                        <option value="500-1000" {% if filter_landing_area == '500-1000' %}selected{% endif %}>Від 500 до 1000 га</option>
                                        <option value="1000-3000" {% if filter_landing_area == '1000-3000' %}selected{% endif %}>Від 1000 до 3000 га</option>
                                        <option value="3000-5000" {% if filter_landing_area == '3000-5000' %}selected{% endif %}>Від 3000 до 5000 га</option>
                                        <option value="5000+" {% if filter_landing_area == '5000+' %}selected{% endif %}>5000 га і більше</option>
                                    </select>
                                    <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 class="col">
                            <!-- Форма фільтра за культурами -->
                            <form method="get" action="" class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
                                <div class="input-group">
                                    <select name="selected_culture_name" id="selected_culture_name" class="form-control">
                                        <option value="">Фільтр за культурами</option>
                                        {% for culture in all_culture_names %}
                                            <option value="{{ culture.cultureable_name }}" {% if selected_culture_name == culture.cultureable_name %}selected{% endif %}>{{ culture.cultureable_name }}</option>
                                        {% endfor %}
                                    </select>
                                    <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 class="col">
                            {% if selected_region and selected_district %}
                                {% url 'dataapp:export_farmers_xlsx_region_district' selected_region selected_district as export_url %}
                            {% elif selected_region %}
                                {% url 'dataapp:export_farmers_xlsx_region' selected_region as export_url %}
                            {% else %}
                                {% url 'dataapp:export_farmers_xlsx' as export_url %}
                            {% endif %}

                            <form method="get" action="{{ export_url }}" class="form-inline">
                                {% csrf_token %}
                                {% for key, value in request.GET.items %}
                                    <input type="hidden" name="{{ key }}" value="{{ value }}">
                                {% endfor %}
                                <button type="submit" class="btn btn-secondary">
                                    <i class="fas fa-file-excel"></i> Експортувати в XLSX
                                </button>
                            </form>
                        </div>
                    </div>

                    <!-- Таблиця з фермерами -->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="col-sm-12">
                                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                    <!-- Заголовки таблиці -->
                                    <thead>
                                        <tr>
                                            <th>Повна назва</th>
                                            <th>Код ЄДРПОУ</th>
                                            <th>Поштова адреса</th>
                                            <th>ПІБ</th>
                                            <th>Телефони</th>
                                            <th>Площа</th>
                                            <!--<th>Площа полів порахована</th>-->
                                            <th>Культури</th>
                                            <th>Менеджер</th>
                                            <th>Дата останнього редагування</th>
                                            <th>Детально</th>
                                            <th>Взаємодія</th>
                                        </tr>
                                    </thead>
                                    <!-- Тіло таблиці -->
                                    <tbody>
                                        {% for farmer in page_obj %}
                                            <tr>
                                                <td>{{ farmer.name }}</td>
                                                <td>{{ farmer.erdpou }}</td>
                                                <td>{{ farmer.address }}</td>
                                                <td>{{ farmer.director }}</td>
                                                <td>
                                                    <!-- Відображення телефонів -->
                                                    {% with phones="" %}
                                                        {% if farmer.phone_1 %}{{ phones }}{{ farmer.phone_1 }}, {% endif %}
                                                        {% if farmer.phone_2 %}{{ phones }}{{ farmer.phone_2 }}, {% endif %}
                                                        {% if farmer.phone_3 %}{{ phones }}{{ farmer.phone_3 }}, {% endif %}
                                                        {% if farmer.phone_4 %}{{ phones }}{{ farmer.phone_4 }}, {% endif %}
                                                        {% if farmer.phone_5 %}{{ phones }}{{ farmer.phone_5 }}, {% endif %}
                                                        {% if farmer.phone_6 %}{{ phones }}{{ farmer.phone_6 }}, {% endif %}
                                                        {% if farmer.phone_7 %}{{ phones }}{{ farmer.phone_7 }}, {% endif %}
                                                        {% if farmer.phone_mobile_1 %}{{ phones }}{{ farmer.phone_mobile_1 }}, {% endif %}
                                                        {% if farmer.phone_mobile_2 %}{{ phones }}{{ farmer.phone_mobile_2 }}, {% endif %}
                                                        {% if farmer.phone_mobile_3 %}{{ phones }}{{ farmer.phone_mobile_3 }}, {% endif %}
                                                        {% if farmer.phone_mobile_4 %}{{ phones }}{{ farmer.phone_mobile_4 }}, {% endif %}
                                                        {% if farmer.phone_mobile_5 %}{{ phones }}{{ farmer.phone_mobile_5 }}, {% endif %}
                                                        {{ phones|slice:":-2" }}
                                                    {% endwith %}
                                                </td>
                                                <td>{{ farmer.landing_area }}</td>
                                                <!--<td>{{ farmer.total_landing_area }}</td>-->
                                                <td>
                                                    {% for culture in farmer.cultureable_names.all %}
                                                        {{ culture.cultureable_name }}{% if not forloop.last %}, {% endif %}
                                                    {% endfor %}
                                                </td>
                                                <td>
                                                    {% if farmer.interactions.all %}
                                                        {{ request.user.get_full_name }}
                                                    {% else %}
                                                        Немає взаємодій
                                                    {% endif %}
                                                </td>
                                                <td>{{ farmer.last_updated }}</td>
                                                <td>
                                                    <a href="{% url 'dataapp:farmer_general_info' farmer.id %}" class="btn btn-primary">Детально</a>
                                                </td>
                                                <td>
                                                    <a href="{% url 'crm:create_interaction' farmer.id %}" class="btn btn-success">Взаємодія</a><br>
                                                    <a href="#" class="btn btn-link" data-toggle="modal" data-target="#interactionHistoryModal{{ farmer.id }}">Історія взаємодій</a>
                                                    <!-- Модальне вікно -->
                                                    <div class="modal fade" id="interactionHistoryModal{{ farmer.id }}" tabindex="-1" role="dialog" aria-labelledby="interactionHistoryModalLabel{{ farmer.id }}" aria-hidden="true">
                                                        <div class="modal-dialog modal-xl" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title" id="interactionHistoryModalLabel{{ farmer.id }}">{{ farmer.name }}</h5>
                                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Закрити">
                                                                        <span aria-hidden="true">&times;</span>
                                                                    </button>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <!-- Таблиця взаємодій -->
                                                                    <div class="table-responsive" style="max-height:400px; overflow-y:auto;">
                                                                        <table class="table table-bordered">
                                                                            <thead>
                                                                                <tr>
                                                                                    <th>Дата взаємодії</th>
                                                                                    <th>Автор взаємодії</th>
                                                                                    <th>Контактна особа</th>
                                                                                    <th>Тип взаємодії</th>
                                                                                    <th>Культури</th>
                                                                                    <th>Ціна</th>
                                                                                    <th>Бажана ціна</th>
                                                                                    <th>Базис</th>
                                                                                    <th>Статус клієнта</th>
                                                                                    <th>Коментар</th>
                                                                                    <th>Дата наступної взаємодії</th>
                                                                                    <th>Статус взаємодії</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                                {% for interaction in farmer.interactions.all %}
                                                                                    <tr>
                                                                                        <td>{{ interaction.date }}</td>
                                                                                        <td>{{ interaction.user.get_full_name }}</td>
                                                                                        <td>{{ interaction.contact_person }}</td>
                                                                                        <td>{{ interaction.interaction_type }}</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.basis }}</td>
                                                                                        <td>{{ interaction.client_status }}</td>
                                                                                        <td>{{ interaction.comment }}</td>
                                                                                        <td>{{ interaction.next_interaction_date }}</td>
                                                                                        <td>
                                                                                            {% if interaction.interaction_status == 'on_time' %}
                                                                                                <span class="badge bg-success">На часі</span>
                                                                                            {% elif interaction.interaction_status == 'late' %}
                                                                                                <span class="badge bg-warning text-dark">Затримка</span>
                                                                                            {% elif interaction.interaction_status == 'early' %}
                                                                                                <span class="badge bg-secondary">Раніше</span>
                                                                                            {% elif interaction.interaction_status == 'overdue' %}
                                                                                                <span class="badge bg-danger">Прострочена</span>
                                                                                            {% elif interaction.interaction_status == 'pending' %}
                                                                                                <span class="badge rounded-pill bg-info text-dark">Очікується</span>
                                                                                            {% else %}
                                                                                                <span class="badge bg-dark">Немає дати наступної взаємодії</span>
                                                                                            {% endif %}
                                                                                        </td>
                                                                                    </tr>
                                                                                {% empty %}
                                                                                    <tr>
                                                                                        <td colspan="12">Немає взаємодій</td>
                                                                                    </tr>
                                                                                {% endfor %}
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <a href="{% url 'crm:create_interaction' farmer.id %}" class="btn btn-success">Взаємодія</a>
                                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрити</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- Пагінація -->
                    <div class="row">
                        <div class="col-sm-12 col-md-5">
                            <div class="dataTables_info" id="dataTable_info" role="status" aria-live="polite">
                                Показано від {{ page_obj.start_index }} до {{ page_obj.end_index }} із {{ page_obj.paginator.count }} записів
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-7">
                            <div class="dataTables_paginate paging_simple_numbers" id="dataTable_paginate">
                                <ul class="pagination">
                                    {% if page_obj.has_previous %}
                                        <li class="paginate_button page-item previous">
                                            <a href="?{{ query_string }}&page={{ page_obj.previous_page_number }}" class="page-link">Попередня</a>
                                        </li>
                                    {% else %}
                                        <li class="paginate_button page-item previous disabled">
                                            <span class="page-link">Попередня</span>
                                        </li>
                                    {% endif %}
                                    {% for num in page_obj.paginator.page_range %}
                                        {% if page_obj.number == num %}
                                            <li class="paginate_button page-item active">
                                                <span class="page-link">{{ num }}</span>
                                            </li>
                                        {% elif num > page_obj.number|add:'-5' and num < page_obj.number|add:'5' %}
                                            <li class="paginate_button page-item">
                                                <a href="?{{ query_string }}&page={{ num }}" class="page-link">{{ num }}</a>
                                            </li>
                                        {% endif %}
                                    {% endfor %}
                                    {% if page_obj.has_next %}
                                        <li class="paginate_button page-item next">
                                            <a href="?{{ query_string }}&page={{ page_obj.next_page_number }}" class="page-link">Наступна</a>
                                        </li>
                                    {% else %}
                                        <li class="paginate_button page-item next disabled">
                                            <span class="page-link">Наступна</span>
                                        </li>
                                    {% endif %}
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Кінець пагінації -->
                </div>
            </div>
        </div>
    </div>
{% endblock %}