{% extends "default_content_page.html" %}
{% load crm_extras %}
{% 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 %}Взаємодії менеджерів за {{ 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>

    <label for="sort_order">Сортування: </label>
    <select name="sort_order" id="sort_order" class="form-control mx-2">
        <option value="asc" {% if sort_order == 'asc' %}selected{% endif %}>За зростанням</option>
        <option value="desc" {% if sort_order == 'desc' %}selected{% endif %}>За спаданням</option>
    </select>

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

<!-- Статистика по менеджерах -->
<h3>Статистика по менеджерах</h3>
<table class="table">
    <thead>
        <tr>
            <th>Менеджер</th>
            <th>Кількість взаємодій</th>
            {% for status in possible_statuses %}
                <th>{{ status_display_names|dict_get:status }}</th>
            {% endfor %}
        </tr>
    </thead>
    <tbody>
        {% for stat in stats %}
        <tr>
            <td><a href="{% url 'crm:user_interactions' stat.manager.id %}">{{ stat.manager.get_full_name }} ({{ stat.manager.username }})</a></td>
            <td>{{ stat.total_interactions }}</td>
            {% for status in possible_statuses %}
                <td>{{ stat.status_counts|dict_get:status }}</td>
            {% endfor %}
        </tr>
        {% endfor %}
    </tbody>
</table>

{% endblock %}