{#
  Standalone table widget — use this inside any custom Page template to render
  tabular data with nuru Column objects, without needing a Resource.

  Required context variables:
    _columns — list of Column instances (columns.Text, columns.Badge,
                columns.Boolean, columns.Currency, etc.)
    _rows    — list of dicts or ORM model instances

  Optional context variables:
    _empty_message — message shown when _rows is empty
                     (default: "No records found.")

  Usage in a custom page template:
    {% set _columns = [columns.Text("name", "Name"), columns.Badge("status", "Status", colors={...})] %}
    {% set _rows    = my_records %}
    {% include "partials/table_widget.html" %}
#}
{% from "partials/macros/table_cell.html" import render_cell with context %}
{%- set _empty_message = _empty_message if _empty_message is defined else "No records found." %}
<div class="rounded-xl border border-secondary-200 dark:border-secondary-700 overflow-hidden shadow-sm">
  <div class="overflow-x-auto">
    <table class="w-full text-sm">
      <thead>
        <tr class="border-b border-secondary-100 dark:border-secondary-700 bg-secondary-50 dark:bg-secondary-700/50">
          {% for col in _columns %}
          <th class="px-4 py-3 text-left text-xs font-medium text-secondary-500 dark:text-secondary-400 uppercase tracking-wider whitespace-nowrap">
            {{ col.get_label() }}
          </th>
          {% endfor %}
        </tr>
      </thead>
      <tbody class="divide-y divide-secondary-100 dark:divide-secondary-700">
        {% if _rows %}
          {% for record in _rows %}
          <tr class="hover:bg-secondary-50 dark:hover:bg-secondary-700/50 transition-colors">
            {% for col in _columns %}
            <td class="px-4 py-3 text-secondary-700 dark:text-secondary-300">
              {{ render_cell(col, record) }}
            </td>
            {% endfor %}
          </tr>
          {% endfor %}
        {% else %}
          <tr>
            <td colspan="{{ _columns | length }}"
                class="px-4 py-8 text-center text-secondary-400 dark:text-secondary-500">
              {{ _empty_message }}
            </td>
          </tr>
        {% endif %}
      </tbody>
    </table>
  </div>
</div>