{# Bulk actions toolbar — Alpine dzTable provides bulkCount and selected state #}
{# Parameters: entity_name, actions_endpoint, table (for dynamic target ID) #}
{# State managed by dzTable Alpine component — selected IDs injected via htmx:configRequest #}
{% set tbody_id = (table.table_id or 'dt-table') + '-body' if table is defined and table else 'dt-table-body' %}
<div x-show="bulkCount > 0"
     x-transition
     class="flex items-center gap-3 p-2 bg-base-200 rounded-lg mb-2">

  <span class="text-sm font-medium">
    <span x-text="bulkCount">0</span> selected
  </span>

  <div class="flex gap-1">
    {% block bulk_action_buttons %}
    <button class="btn btn-sm btn-ghost"
            data-dz-bulk-action
            hx-post="{{ actions_endpoint }}/bulk-update"
            hx-target="#{{ tbody_id }}"
            hx-swap="morph:innerHTML"
            hx-headers='{"Accept": "text/html"}'>
      Update
    </button>
    <button class="btn btn-sm btn-error btn-ghost"
            data-dz-bulk-action
            hx-delete="{{ actions_endpoint }}/bulk-delete"
            hx-target="#{{ tbody_id }}"
            hx-swap="morph:innerHTML"
            hx-headers='{"Accept": "text/html"}'
            hx-confirm="Delete selected {{ entity_name | lower }}s?">
      Delete
    </button>
    {% endblock %}
  </div>

  <button @click="clearSelection()" class="btn btn-sm btn-ghost ml-auto">
    Clear
  </button>
</div>