{# Reusable Jinja macros for paginated + sortable tables on /ui/.

   Ported from bty's ``ui/_table_macros.html`` so the nbdmux
   operator UI shares the same header-sort + inline pagination shape
   bty uses. Callers pass a ``SortState`` + ``PageState`` from
   ``nbdmux._table_state`` plus a ``preserved`` query-param dict
   so an active filter survives a header-click or pagination click. #}

{% macro sort_header(label, column, sort, preserved, th_attrs='') %}
  {% set qs = build_query_string(
      preserved,
      {'sort': column, 'dir': sort.next_direction(column), 'page': None}
  ) %}
  <th{% if th_attrs %} {{ th_attrs|safe }}{% endif %}>
    <a href="?{{ qs }}" class="text-decoration-none text-reset"
       aria-label="Sort by {{ label }}">
      {{ label }}
      {% if sort.is_active(column) %}
        <span class="text-primary" aria-hidden="true">{% if sort.direction == 'asc' %}&#9650;{% else %}&#9660;{% endif %}</span>
      {% else %}
        <span class="text-muted" aria-hidden="true">&#8645;</span>
      {% endif %}
    </a>
  </th>
{% endmacro %}

{% macro pagination_inline(page, preserved, label='rows') %}
  <div class="d-flex flex-wrap align-items-center gap-2 ms-auto">
    <small class="text-muted">
      {% if page.total == 0 %}
        No {{ label }}.
      {% else %}
        <strong>{{ page.first_row }}</strong>&ndash;<strong>{{ page.last_row }}</strong> of <strong>{{ page.total }}</strong> {{ label }}
      {% endif %}
    </small>

    {% if page.last_page > 1 %}
    <ul class="pagination pagination-sm mb-0">
      <li class="page-item{% if not page.has_prev %} disabled{% endif %}">
        <a class="page-link"
           href="?{{ build_query_string(preserved, {'page': 1}) }}"
           aria-label="First page">&laquo;&laquo;</a>
      </li>
      <li class="page-item{% if not page.has_prev %} disabled{% endif %}">
        <a class="page-link"
           href="?{{ build_query_string(preserved, {'page': page.page - 1}) }}"
           aria-label="Previous page">&laquo;</a>
      </li>
      {% set nums = page.numbered_pages() %}
      {% if nums[0] > 1 %}
        <li class="page-item">
          <a class="page-link"
             href="?{{ build_query_string(preserved, {'page': 1}) }}">1</a>
        </li>
        {% if nums[0] > 2 %}
          <li class="page-item disabled"><span class="page-link">&hellip;</span></li>
        {% endif %}
      {% endif %}
      {% for n in nums %}
        <li class="page-item{% if n == page.page %} active{% endif %}">
          <a class="page-link"
             href="?{{ build_query_string(preserved, {'page': n}) }}"
             {% if n == page.page %}aria-current="page"{% endif %}>{{ n }}</a>
        </li>
      {% endfor %}
      {% if nums[-1] < page.last_page %}
        {% if nums[-1] < page.last_page - 1 %}
          <li class="page-item disabled"><span class="page-link">&hellip;</span></li>
        {% endif %}
        <li class="page-item">
          <a class="page-link"
             href="?{{ build_query_string(preserved, {'page': page.last_page}) }}">{{ page.last_page }}</a>
        </li>
      {% endif %}
      <li class="page-item{% if not page.has_next %} disabled{% endif %}">
        <a class="page-link"
           href="?{{ build_query_string(preserved, {'page': page.page + 1}) }}"
           aria-label="Next page">&raquo;</a>
      </li>
      <li class="page-item{% if not page.has_next %} disabled{% endif %}">
        <a class="page-link"
           href="?{{ build_query_string(preserved, {'page': page.last_page}) }}"
           aria-label="Last page">&raquo;&raquo;</a>
      </li>
    </ul>
    {% endif %}

    <form method="get" class="d-flex align-items-center gap-1 mb-0">
      {% for k, v in preserved.items() %}
        {% if v and k not in ('per_page', 'page') %}
          <input type="hidden" name="{{ k }}" value="{{ v }}">
        {% endif %}
      {% endfor %}
      <select name="per_page"
              class="form-select form-select-sm" style="width: auto;"
              onchange="this.form.submit()"
              aria-label="Rows per page">
        {% for choice in per_page_choices %}
          <option value="{{ choice }}"
                  {% if choice == page.per_page %}selected{% endif %}>{{ choice }}/page</option>
        {% endfor %}
      </select>
    </form>
  </div>
{% endmacro %}

{# Filter form snippet for the card-header toolbar. Emits hidden
   inputs for the currently-active sort so a filter submit preserves
   it, plus a Clear link when the filter is populated. #}
{% macro filter_form(q, sort, page, per_page_choices, input_id, placeholder='Filter (substring on any column)') %}
  <form method="get" class="d-flex align-items-center gap-2 m-0 flex-grow-1" style="min-width: 14rem;">
    {% if sort.column %}<input type="hidden" name="sort" value="{{ sort.column }}">{% endif %}
    {% if sort.direction %}<input type="hidden" name="dir" value="{{ sort.direction }}">{% endif %}
    {% if page.per_page != per_page_choices[0] %}<input type="hidden" name="per_page" value="{{ page.per_page }}">{% endif %}
    <label for="{{ input_id }}" class="text-nowrap text-muted small mb-0">Filter:</label>
    <input type="search" name="q" id="{{ input_id }}" value="{{ q or '' }}"
           class="form-control form-control-sm flex-grow-1"
           placeholder="{{ placeholder }}">
    <button type="submit" class="btn btn-sm btn-outline-secondary" title="Search">
      <i class="bi bi-search"></i>
    </button>
    {% if q %}
    <a href="?" class="btn btn-sm btn-link text-nowrap">Clear</a>
    {% endif %}
  </form>
{% endmacro %}