{# Macro data_table
   Uso:
     {% from "core/components/data_table.html" import data_table_open, tr_empty %}
     {% call data_table_open(cols=["App", "Versión", "Estado"]) %}
       {% for row in rows %}
       <tr class="table-tr">
         <td class="table-td font-medium">{{ row.name }}</td>
         <td class="table-td font-mono">{{ row.version }}</td>
         <td class="table-td">{{ badge(row.status) }}</td>
       </tr>
       {% else %}
         {{ tr_empty("Sin datos", colspan=3) }}
       {% endfor %}
     {% endcall %}
#}

{% macro data_table_open(cols=[], extra_class="") %}
<div class="table-wrapper {{ extra_class }}">
  <div class="overflow-x-auto">
    <table class="table-base">
      <thead class="table-thead">
        <tr>
          {%- for col in cols %}
          <th class="table-th">{{ col }}</th>
          {%- endfor %}
        </tr>
      </thead>
      <tbody class="table-tbody">
        {{ caller() }}
      </tbody>
    </table>
  </div>
</div>
{%- endmacro %}

{% macro tr_empty(message="Sin datos", colspan=1) %}
<tr>
  <td colspan="{{ colspan }}" class="table-td text-center py-12 text-fg-muted">
    {{ message }}
  </td>
</tr>
{%- endmacro %}