{# Table rows fragment — no Alpine, column visibility via data-dz-col #}
{% if table and table.rows %}
{% set _row_label_col = namespace(key="id") %}
{% for col in table.columns %}{% if col.type not in ["ref", "badge", "bool", "currency"] and _row_label_col.key == "id" %}{% set _row_label_col.key = col.key %}{% endif %}{% endfor %}
{% for item in table.rows %}
{% set _row_label = item[_row_label_col.key] | default(item.id) %}
{% set _row_label = _row_label | ref_display if _row_label is mapping else _row_label %}
<tr id="row-{{ item.id }}" class="hover cursor-pointer" data-dazzle-row="{{ table.entity_name }}" data-dz-row-id="{{ item.id }}"
    {% if table.detail_url_template %}
    hx-get="{{ table.detail_url_template.replace('{id}', item.id | string) }}"
    hx-push-url="true"
    hx-target="body"
    hx-swap="innerHTML"
    {% endif %}>
  {% if table.bulk_actions %}
  <td>
    <input type="checkbox" class="checkbox checkbox-sm" data-dz-row-select
           aria-label="Select {{ _row_label }}" />
  </td>
  {% endif %}
  {% for col in table.columns %}
  {% if not col.hidden %}
  <td data-dz-col="{{ col.key }}">
    {% if col.type == "badge" %}
      <span class="badge {{ item[col.key] | badge_class }}">{{ item[col.key] | default("") | humanize }}</span>
    {% elif col.type == "bool" %}
      {{ item[col.key] | bool_icon }}
    {% elif col.type == "date" %}
      {{ item[col.key] | dateformat }}
    {% elif col.type == "currency" %}
      {{ item[col.key] | currency(col.currency_code or "GBP") }}
    {% elif col.type == "sensitive" %}
      {% set raw = item[col.key] | default("") | string %}
      {% if raw | length > 4 %}{{ "****" ~ raw[-4:] }}{% elif raw %}****{% else %}{% endif %}
    {% elif col.type == "ref" %}
      {{ item.get(col.key ~ "_display", "") or (item[col.key] | ref_display) }}
    {% elif col.type == "percentage" %}
      {{ item[col.key] | default("") }}%
    {% else %}
      {{ item[col.key] | default("") | truncate_text }}
    {% endif %}
  </td>
  {% endif %}
  {% endfor %}
  <td>
    {# Row action dropdown — uses DaisyUI details-based dropdown, no JS #}
    <details class="dropdown dropdown-end" onclick="event.stopPropagation()">
      <summary class="btn btn-ghost btn-xs list-none" aria-label="Actions for {{ _row_label }}">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="w-4 h-4 stroke-current" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5v.01M12 12v.01M12 19v.01"/></svg>
      </summary>
      <ul class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-32 z-50" role="menu">
        {% if table.detail_url_template %}
        <li role="none"><a href="{{ table.detail_url_template.replace('{id}', item.id | string) }}" role="menuitem">View<span class="sr-only"> {{ _row_label }}</span></a></li>
        <li role="none"><a href="{{ table.detail_url_template.replace('{id}', item.id | string) }}/edit" class="text-warning" data-dazzle-action="{{ table.entity_name }}.edit" role="menuitem">Edit<span class="sr-only"> {{ _row_label }}</span></a></li>
        {% endif %}
        <li role="none">
          <button class="text-error"
                  role="menuitem"
                  data-dazzle-action="{{ table.entity_name }}.delete"
                  hx-delete="{{ table.api_endpoint }}/{{ item.id }}"
                  hx-confirm="Delete this {{ table.entity_name | lower }}?"
                  hx-target="closest tr"
                  hx-swap="outerHTML swap:300ms">
            Delete<span class="sr-only"> {{ _row_label }}</span>
          </button>
        </li>
      </ul>
    </details>
  </td>
</tr>
{% endfor %}
{% else %}
<tr>
  <td colspan="{{ (table.columns | length) + 1 if table else 1 }}" class="text-center py-8 text-base-content/50">
    {{ table.empty_message | default("No " + (table.entity_name|default("items"))|lower + " found.") if table else "No items found." }}
  </td>
</tr>
{% endif %}