{# ── HTMX partial: table body for list view ──
   Swapped into #items-table-body when filters change.
   Variables: items, next_cursor, project_key, project,
              kind_color(), kind_label(), status_color(), status_label(),
              filter_kind, filter_status, filter_tag, filter_applies_to, filter_include_deleted
#}

{% for item in items %}
  {% set view = "list" %}
  {% include "components/item_card.html" %}
{% endfor %}

{% if next_cursor %}
<tr>
  <td colspan="7" class="text-center py-4">
    <button hx-get="/dashboard/{{ project_key }}/list?view={{ active_view }}&after={{ next_cursor }}{% for k in filter_kind %}&kind={{ k }}{% endfor %}{% for s in filter_status %}&status={{ s }}{% endfor %}{% for t in filter_tag %}&tag={{ t }}{% endfor %}{% for a in filter_applies_to %}&applies_to={{ a }}{% endfor %}{% for r in filter_relation_type %}&relation_type={{ r }}{% endfor %}{% if filter_include_deleted %}&include_deleted=true{% endif %}"
            hx-target="#items-table-body"
            hx-swap="innerHTML"
            class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium
                   text-primary-600 dark:text-primary-400
                   bg-primary-50 dark:bg-primary-900/20
                   hover:bg-primary-100 dark:hover:bg-primary-900/30
                   transition-colors">
      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
      </svg>
      {{ t("common.load_more") }}
    </button>
  </td>
</tr>
{% endif %}

{% if not items %}
<tr>
  <td colspan="7" class="text-center py-12">
    <div class="flex flex-col items-center gap-2">
      <svg class="w-10 h-10 text-gray-300 dark:text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
        <path stroke-linecap="round" stroke-linejoin="round"
              d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"/>
      </svg>
      <p class="text-sm text-gray-400 dark:text-gray-600">{{ t("common.no_matching_items") }}</p>
    </div>
  </td>
</tr>
{% endif %}