{% extends "default_content_page.html" %}
{% block title %}Журнал входів{% endblock %}
{% block content-title %}Журнал входів{% endblock %}
{% block content-inner %}
    <div class="card shadow mb-4">
        <div class="card-body">
            <h2 class="h5">Менеджери та логісти за останні {{ summary_days }} днів</h2>
            <p class="small text-muted">Кожен менеджер чи логіст може бути залогінений лише в одному браузері: новий вхід завершує попередню сесію («витіснення»).
                Багато різних IP чи браузерів або часті витіснення можуть означати, що логіном користується ще хтось.</p>
            <div class="table-responsive">
                <table class="table table-bordered mb-0">
                    <thead>
                        <tr>
                            <th>Менеджер</th>
                            <th class="text-right">Входів</th>
                            <th class="text-right">Різних IP</th>
                            <th class="text-right">Різних браузерів</th>
                            <th class="text-right">Витіснень</th>
                            <th class="text-right">Невдалих спроб</th>
                            <th class="text-right">Експортовано рядків</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for user in summary %}
                            <tr{% if user.suspicious %} class="table-warning"{% endif %}>
                                <td>
                                    <a href="?user={{ user.id }}">{{ user.get_full_name|default:user.email }}</a>
                                    {% if user.suspicious %}<span class="badge badge-warning">перевірити</span>{% endif %}
                                    <div class="small text-muted">{{ user.email }}</div>
                                </td>
                                <td class="text-right">{{ user.logins }}</td>
                                <td class="text-right">{{ user.ips }}</td>
                                <td class="text-right">{{ user.browsers }}</td>
                                <td class="text-right">{{ user.displaced }}</td>
                                <td class="text-right">{{ user.failed }}</td>
                                <td class="text-right">{{ user.exported|default:0 }}</td>
                            </tr>
                        {% empty %}
                            <tr><td colspan="7" class="text-muted">Немає активних менеджерів чи логістів.</td></tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="card shadow mb-4">
        <div class="card-body">
            <h2 class="h5">Усі події</h2>
            <form method="get" class="form-inline mb-3">
                <select name="user" class="form-control mr-2 mb-2">
                    <option value="">Усі користувачі</option>
                    {% for user in summary %}
                        <option value="{{ user.id }}" {% if selected_user == user.id|stringformat:"s" %}selected{% endif %}>{{ user.get_full_name|default:user.email }}</option>
                    {% endfor %}
                </select>
                <select name="kind" class="form-control mr-2 mb-2">
                    <option value="">Усі події</option>
                    {% for value, label in kinds %}
                        <option value="{{ value }}" {% if selected_kind == value %}selected{% endif %}>{{ label }}</option>
                    {% endfor %}
                </select>
                <button type="submit" class="btn btn-secondary mb-2">Фільтрувати</button>
            </form>
            <div class="table-responsive">
                <table class="table table-bordered table-sm">
                    <thead>
                        <tr>
                            <th>Час</th>
                            <th>Подія</th>
                            <th>Користувач</th>
                            <th>IP</th>
                            <th>Браузер</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for event in events %}
                            <tr>
                                <td class="text-nowrap">{{ event.created_at|date:"d.m.Y H:i" }}</td>
                                <td>
                                    {% if event.kind == 'displaced' %}<span class="badge badge-warning">{{ event.get_kind_display }}</span>
                                    {% elif event.kind == 'failed' or event.kind == 'export_blocked' %}<span class="badge badge-danger">{{ event.get_kind_display }}</span>
                                    {% elif event.kind == 'device_new' %}<span class="badge badge-warning">{{ event.get_kind_display }}</span>
                                    {% else %}{{ event.get_kind_display }}{% endif %}
                                    {% if event.rows is not None %}<div class="small text-muted">{{ event.rows }} рядків</div>{% endif %}
                                    {% if event.detail %}<div class="small text-muted">{{ event.detail }}</div>{% endif %}
                                </td>
                                <td>{% if event.user %}{{ event.user.get_full_name|default:event.user.email }}{% else %}<span class="text-muted">{{ event.email }}</span>{% endif %}</td>
                                <td class="text-nowrap">{{ event.ip|default:"" }}</td>
                                <td class="small text-muted">{{ event.user_agent }}</td>
                            </tr>
                        {% empty %}
                            <tr><td colspan="5" class="text-muted">Подій ще немає.</td></tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% if events.paginator.num_pages > 1 %}
                <div class="pagination">
                    <span class="page-links">
                        {% if events.has_previous %}
                            <a href="?page=1{% if query_params %}&amp;{{ query_params }}{% endif %}">Перша</a>
                            <a href="?page={{ events.previous_page_number }}{% if query_params %}&amp;{{ query_params }}{% endif %}">Попередня</a>
                        {% endif %}
                        <span class="current">Сторінка {{ events.number }} з {{ events.paginator.num_pages }}</span>
                        {% if events.has_next %}
                            <a href="?page={{ events.next_page_number }}{% if query_params %}&amp;{{ query_params }}{% endif %}">Наступна</a>
                        {% endif %}
                    </span>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}