{% extends "default_content_page.html" %}
{% block title %}Користувачі{% endblock %}
{% block content-title %}Користувачі{% endblock %}
{% block content-inner %}
    {% include "pricing/_messages.html" %}
    <div class="card shadow mb-4">
        <div class="card-body">
            <div class="d-flex flex-wrap justify-content-between align-items-start mb-3">
                <div>
                    <h2 class="h5">Менеджери та логісти</h2>
                    <p class="small text-muted mb-2">Нова людина отримує лист із посиланням для встановлення пароля. Під час першого входу її пристрій потрібно схвалити в розділі «Пристрої».</p>
                </div>
                <a href="{% url 'security:team_member_create' %}" class="btn btn-primary mb-2"><i class="fa-solid fa-user-plus" aria-hidden="true"></i> Додати користувача</a>
            </div>
            <div class="table-responsive">
                <table class="table table-bordered table-sm mb-0">
                    <thead>
                        <tr>
                            <th>Користувач</th>
                            <th>Ролі</th>
                            <th class="text-right">Відкриті задачі</th>
                            <th class="text-right">Фермери</th>
                            <th>Останній вхід</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for member in active_users %}
                            <tr>
                                <td><a href="{% url 'security:team_member_edit' member.id %}">{{ member.get_full_name|default:member.email }}</a><div class="small text-muted">{{ member.email }}</div></td>
                                <td>{{ member.role_names|join:", "|default:"без ролі" }}</td>
                                <td class="text-right">{{ member.open_tasks }}</td>
                                <td class="text-right">{{ member.farmers_count }}</td>
                                <td class="text-nowrap">{% if member.last_login %}{{ member.last_login|date:"d.m.Y H:i" }}{% else %}<span class="text-muted">ще не входив</span>{% endif %}</td>
                                <td class="text-nowrap">
                                    <a href="{% url 'security:team_member_edit' member.id %}" class="btn btn-sm btn-secondary">Змінити</a>
                                    <form method="post" action="{% url 'security:team_member_invite' member.id %}" class="d-inline">
                                        {% csrf_token %}
                                        <button class="btn btn-sm btn-outline-primary">Надіслати посилання</button>
                                    </form>
                                    <a href="{% url 'security:team_member_remove' member.id %}" class="btn btn-sm btn-outline-danger">Видалити</a>
                                </td>
                            </tr>
                        {% empty %}
                            <tr><td colspan="6" class="text-muted">Менеджерів і логістів ще немає.</td></tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {% if removed_users %}
    <div class="card shadow mb-4">
        <div class="card-body">
            <h2 class="h5">Видалені</h2>
            <div class="table-responsive">
                <table class="table table-bordered table-sm mb-0">
                    <thead>
                        <tr><th>Користувач</th><th>Ролі</th><th class="text-right">Відкриті задачі</th><th class="text-right">Фермери</th><th>Останній вхід</th><th></th></tr>
                    </thead>
                    <tbody>
                        {% for member in removed_users %}
                            <tr>
                                <td>{{ member.get_full_name|default:member.email }}<div class="small text-muted">{{ member.email }}</div></td>
                                <td>{{ member.role_names|join:", "|default:"без ролі" }}</td>
                                <td class="text-right">{{ member.open_tasks }}</td>
                                <td class="text-right">{{ member.farmers_count }}</td>
                                <td class="text-nowrap">{{ member.last_login|date:"d.m.Y H:i" }}</td>
                                <td class="text-nowrap">
                                    {% if member.open_tasks or member.farmers_count %}<a href="{% url 'security:team_member_remove' member.id %}" class="btn btn-sm btn-primary">Передати</a>{% endif %}
                                    <form method="post" action="{% url 'security:team_member_restore' member.id %}" class="d-inline">
                                        {% csrf_token %}
                                        <button class="btn btn-sm btn-outline-primary">Відновити</button>
                                    </form>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    {% endif %}
{% endblock %}