{% comment %}
Панель пагінації. Обов'язкові змінні контексту:
  page       — django.core.paginator.Page (core.utils.pagination.paginate)
  base_url   — шлях сторінки (напр. "/employees/")
  page_param, size_param — імена GET-параметрів (напр. "page", "per_page")
Необов'язково:
  item_label — назва сутностей у підписі ("співробітників", "заявок"...)
{% endcomment %}
<div style="padding:0.875rem 1.5rem; border-top:1px solid var(--color-border); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0.75rem;">
    <span style="font-size:0.8125rem; color:var(--color-muted-foreground);">
        {% if page.paginator.count %}
        Показано {{ page.start_index }}–{{ page.end_index }} з {{ page.paginator.count }}{% if item_label %} {{ item_label }}{% endif %}
        {% else %}
        Немає записів
        {% endif %}
    </span>
    <div style="display:flex; align-items:center; gap:1rem; flex-wrap:wrap;">
        <div style="display:flex; align-items:center; gap:0.375rem;">
            <span style="font-size:0.8125rem; color:var(--color-muted-foreground); white-space:nowrap;">На сторінці:</span>
            <select class="input" style="font-size:0.8125rem; padding:0.3rem 0.5rem; height:auto; width:auto;"
                    onchange="paginationNav('{{ base_url }}', '{{ page_param }}', '{{ size_param }}', 1, this.value)">
                <option value="10" {% if page.paginator.per_page == 10 %}selected{% endif %}>10</option>
                <option value="15" {% if page.paginator.per_page == 15 %}selected{% endif %}>15</option>
                <option value="25" {% if page.paginator.per_page == 25 %}selected{% endif %}>25</option>
                <option value="100" {% if page.paginator.per_page == 100 %}selected{% endif %}>100</option>
            </select>
        </div>
        <div style="display:flex; align-items:center; gap:0.375rem;">
            <button type="button" class="btn btn-secondary" style="padding:0.375rem 0.75rem; font-size:0.8125rem;"
                    {% if page.has_previous %}
                    onclick="paginationNav('{{ base_url }}', '{{ page_param }}', '{{ size_param }}', {{ page.previous_page_number }}, {{ page.paginator.per_page }})"
                    {% else %}disabled{% endif %}>← Попередня</button>
            <span style="font-size:0.8125rem; color:var(--color-muted-foreground); white-space:nowrap;">Стор. {{ page.number }} з {{ page.paginator.num_pages }}</span>
            <button type="button" class="btn btn-secondary" style="padding:0.375rem 0.75rem; font-size:0.8125rem;"
                    {% if page.has_next %}
                    onclick="paginationNav('{{ base_url }}', '{{ page_param }}', '{{ size_param }}', {{ page.next_page_number }}, {{ page.paginator.per_page }})"
                    {% else %}disabled{% endif %}>Наступна →</button>
        </div>
    </div>
</div>