{% load i18n conjunto_tables %}
{% comment %}
  Sticky bottom bar that surfaces multi-record bulk actions.

  Context expected:
    bulk_actions:  iterable of conjunto.tables.BulkAction instances
                   (already filtered + sorted via `get_bulk_actions()`).

  The bar lives inside an ``x-data="cjBulkSelect()"`` Alpine scope —
  see ``conjunto/js/bulk_select.js``. Visibility is bound to
  ``count > 0`` so the bar appears only when at least one row is
  selected. Each button auto-includes ``[name='pks']:checked`` for
  HTMX, so the selected primary keys travel along.
{% endcomment %}
{% if bulk_actions %}
  <div class="cj-bulk-actions-bar"
       role="region"
       aria-label="{% translate 'Bulk actions' %}"
       x-show="count > 0"
       x-cloak
       x-transition.opacity>
    <div class="cj-bulk-actions-bar-inner">
      <span class="cj-bulk-actions-count text-muted">
        <span x-text="count" aria-live="polite"></span>
        {% translate "selected" %}
      </span>
      <div class="btn-list cj-bulk-actions-buttons ms-auto">
        {% for action in bulk_actions %}
          {% bulk_action_attrs action as attrs %}
          <button type="button" {% for k, v in attrs.items %}{{ k }}="{{ v }}" {% endfor %}>
            {% if action.icon %}<i class="ti ti-{{ action.icon }} fs-2 me-1"></i>{% endif %}
            {{ action.label }}
          </button>
        {% endfor %}
        <button type="button"
                class="btn btn-sm btn-ghost-secondary"
                @click="clear()"
                title="{% translate 'Clear selection' %}">
          <i class="ti ti-x fs-2"></i>
          <span class="visually-hidden">{% translate "Clear selection" %}</span>
        </button>
      </div>
    </div>
  </div>
{% endif %}