{% extends "base.html" %}
{% from 'macros/badges.html' import badge_warning, badge_secondary %}
{% block title %}Uživatelé — MedCover{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2>Uživatelé</h2>
  <div class="d-flex gap-2">
    {% if current_user.has_permission('user.create') %}
    <a href="{{ url_for('users.create_user') }}" class="btn btn-danger btn-sm">+ Manuálně vytvořit uživatele</a>
    {% endif %}
    {% if current_user.has_permission('invite.create') %}
    <a href="{{ url_for('users.invites') }}" class="btn btn-outline-danger btn-sm">Pozvánky</a>
    {% endif %}
  </div>
</div>

{# ── Search + role filter bar ─────────────────────────────────────────────── #}
<div class="mb-3 d-flex flex-wrap gap-2 align-items-start">
  <form method="GET" class="d-flex gap-2">
    <div class="input-group maxw-340">
      <input type="text" class="form-control" name="q" value="{{ q }}" placeholder="Hledat jméno nebo e-mail…">
      <input type="hidden" name="sort" value="{{ sort }}">
      <input type="hidden" name="dir" value="{{ sort_dir }}">
      {% if role_filter %}<input type="hidden" name="role" value="{{ role_filter }}">{% endif %}
      <button class="btn btn-outline-secondary" type="submit">Hledat</button>
      {% if q %}<a href="{{ url_for('users.index', sort=sort, dir=sort_dir, role=role_filter) }}" class="btn btn-outline-secondary">✕</a>{% endif %}
    </div>
  </form>

  {# Role filter pills #}
  <div class="d-flex flex-wrap gap-1 align-items-center">
    <a href="{{ url_for('users.index', q=q, sort=sort, dir=sort_dir) }}"
       class="btn btn-sm {{ 'btn-secondary' if not role_filter else 'btn-outline-secondary' }}">Všechny role</a>
    {% for r in roles %}
    <a href="{{ url_for('users.index', q=q, sort=sort, dir=sort_dir, role=r.name) }}"
       class="btn btn-sm {{ 'btn-secondary' if role_filter == r.name else 'btn-outline-secondary' }}">{{ r.name }}</a>
    {% endfor %}
  </div>

  {% if current_user.has_permission('user.view_archived') %}
  <a href="{{ url_for('users.index', archived='1' if not show_archived else None) }}"
     class="btn btn-sm {{ 'btn-danger' if show_archived else 'btn-outline-danger' }} ms-auto">
    {{ 'Zobrazit aktivní' if show_archived else 'Archivovaní uživatelé' }}
  </a>
  {% endif %}
</div>

{# ── Batch action form wrapping the table ─────────────────────────────────── #}
{% if current_user.has_permission('user.assign_role') %}
<form method="POST" action="{{ url_for('users.batch_action') }}" id="batchForm">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

  {# Batch toolbar — hidden until at least one checkbox is ticked #}
  <div id="batchToolbar" class="mb-3 p-2 border rounded flex-wrap align-items-center gap-2 d-none">
    <span id="selCount" class="me-2 fw-semibold text-secondary small">0 vybráno</span>
    <select name="role_id" class="form-select form-select-sm maxw-160" required>
      <option value="" disabled selected>— Vyber roli —</option>
      {% for r in roles %}
      <option value="{{ r.id }}">{{ r.name }}</option>
      {% endfor %}
    </select>
    <button type="submit" name="action" value="add_role" class="btn btn-sm btn-success">
      + Přidat roli
    </button>
    <button type="submit" name="action" value="remove_role" class="btn btn-sm btn-outline-danger">
      − Odebrat roli
    </button>
    <button type="button" class="btn btn-sm btn-outline-secondary ms-auto" id="clearSel">Zrušit výběr</button>
  </div>
{% endif %}

<div class="table-responsive">
  <table class="table table-hover align-middle">
    <thead class="table-light">
      <tr>
        {% if current_user.has_permission('user.assign_role') %}
        <th class="col-2r">
          <input class="form-check-input" type="checkbox" id="selectAll" title="Vybrat vše">
        </th>
        {% endif %}
        {% set cols = [('name','Jméno'), ('email','E-mail'), ('status','Stav'), ('created','Vytvořen'), ('last_login','Poslední přihlášení')] %}
        {% for col_key, col_label in cols %}
        {% set next_dir = 'desc' if (sort == col_key and sort_dir == 'asc') else 'asc' %}
        <th class="cursor-pointer text-nowrap">
          <a href="{{ url_for('users.index', q=q, sort=col_key, dir=next_dir, role=role_filter) }}" class="text-decoration-none text-body">
            {{ col_label }}
            {% if sort == col_key %}
              {{ '↑' if sort_dir == 'asc' else '↓' }}
            {% else %}
              <span class="text-muted">↕</span>
            {% endif %}
          </a>
        </th>
        {% endfor %}
        <th>Role</th>
      </tr>
    </thead>
    <tbody>
      {% for u in users %}
      <tr class="user-row">
        {% if current_user.has_permission('user.assign_role') %}
        <td>
          <input class="form-check-input row-check" type="checkbox" name="user_ids" value="{{ u.id }}">
        </td>
        {% endif %}
        <td>
          <a href="{{ url_for('users.detail', user_id=u.id) }}"
             class="{{ 'text-muted' if u.is_archived else ('text-warning' if not u.is_active) }}">{{ u.name }}</a>
        </td>
        <td>{{ u.email }}</td>
        <td>
          {% if u.is_archived %}
            {{ badge_secondary('Archivován') }}
          {% elif u.is_active %}
            <span class="badge bg-success">Aktivní</span>
          {% else %}
            {{ badge_warning('Čeká na aktivaci') }}
          {% endif %}
        </td>
        <td class="text-nowrap text-muted small">
          {{ u.created_at.strftime('%d.%m.%Y %H:%M') if u.created_at else '—' }}
        </td>
        <td class="text-nowrap text-muted small">
          {{ u.last_login_at.strftime('%d.%m.%Y %H:%M') if u.last_login_at else '—' }}
        </td>
        <td>
          {% for r in u.roles %}
            {{ badge_secondary(r.name) }}
          {% else %}
            <span class="text-muted">—</span>
          {% endfor %}
        </td>
      </tr>
      {% else %}
      <tr>
        <td colspan="{{ 7 if current_user.has_permission('user.assign_role') else 6 }}"
            class="text-muted text-center">Žádní uživatelé.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{% if current_user.has_permission('user.assign_role') %}
</form>
{% endif %}

{% if total_pages > 1 %}
<nav>
  <ul class="pagination">
    {% for p in range(1, total_pages + 1) %}
    <li class="page-item {{ 'active' if p == page }}">
      <a class="page-link" href="{{ url_for('users.index', page=p, q=q, sort=sort, dir=sort_dir, role=role_filter) }}">{{ p }}</a>
    </li>
    {% endfor %}
  </ul>
</nav>
{% endif %}
{% endblock %}

{% block extra_scripts %}
<script src="{{ url_for('static', filename='js/users-index.js') }}?v={{ static_ver }}"></script>
{% endblock %}