<div id="{{ region }}" data-filtered="{{ filtered }}">
<div class="lat-tablewrap">
<table class="lat-table">
<thead><tr>
{% if let Some(r) = reorder %}<th class="lat-table__grip" data-lat-widget="reorder" data-reorder-path="{{ r.path }}" data-reorder-page="{{ r.page }}" data-reorder-csrf="{{ shell.csrf_token }}" data-reorder-region="{{ region }}"><span class="lat-visually-hidden">{{ shell.t("Order") }}</span></th>{% endif %}
{% if deletable %}<th class="lat-table__pick"><input type="checkbox" data-lat-widget="pick-all" aria-label='{{ shell.t("Select all") }}'></th>{% endif %}
{% for c in columns %}
<th{% if tree.is_some() && loop.first %} data-lat-widget="tree"{% endif %}{% if c.active == "asc" %} aria-sort="ascending"{% else if c.active == "desc" %} aria-sort="descending"{% endif %}{% if let Some(w) = c.width %} style="width:{{ w }}"{% endif %}{% if !c.align_class.is_empty() %} class="{{ c.align_class }}"{% endif %}>
{% if !c.sortable %}<span>{{ c.label }}</span>{% else %}
<a class="lat-sort{% if !c.active.is_empty() %} is-active{% endif %}"
href="{{ path }}?sort={{ c.field }}&dir={{ c.next_dir }}{{ carry }}"
hx-get="{{ path }}?sort={{ c.field }}&dir={{ c.next_dir }}{{ carry }}"
hx-target="#{{ region }}" hx-swap="outerHTML" hx-push-url="true">
<span>{{ c.label }}</span>
<span class="lat-sort__arrow" aria-hidden="true">{% if c.active == "asc" %}▲{% else if c.active == "desc" %}▼{% endif %}</span>
</a>
{% endif %}
</th>
{% endfor %}
{% if edit_base.is_some() || delete_path.is_some() %}<th></th>{% endif %}
</tr></thead>
<tbody>
{% if rows.is_empty() %}
<tr><td class="lat-table__empty" colspan="99">
{% if filtered %}
{{ shell.t("No records match.") }}
{% else %}
{% if let Some(m) = no_records_message %}{{ m }}{% else %}{{ shell.t("No records yet.") }}{% endif %}
{% endif %}
</td></tr>
{% else %}
{% include "_list_rows.html" %}
{% endif %}
</tbody>
</table>
</div>
<div class="lat-listfoot">
<span>{{ shell.tf("Displayed records: {shown} of {total}", [("shown", shown), ("total", total)]) }}</span>
<span class="lat-pager">
{% if page > 1 %}<a class="lat-btn lat-btn--secondary lat-btn--sm" href="{{ path }}?page={{ page - 1 }}&sort={{ sort }}&dir={{ dir }}{{ carry }}" hx-get="{{ path }}?page={{ page - 1 }}&sort={{ sort }}&dir={{ dir }}{{ carry }}" hx-target="#{{ region }}" hx-swap="outerHTML" hx-push-url="true">← {{ shell.t("Prev") }}</a>{% endif %}
<span style="align-self:center">{{ shell.tf("Page {page} of {pages}", [("page", page), ("pages", total_pages)]) }}</span>
{% if page < total_pages %}<a class="lat-btn lat-btn--secondary lat-btn--sm" href="{{ path }}?page={{ page + 1 }}&sort={{ sort }}&dir={{ dir }}{{ carry }}" hx-get="{{ path }}?page={{ page + 1 }}&sort={{ sort }}&dir={{ dir }}{{ carry }}" hx-target="#{{ region }}" hx-swap="outerHTML" hx-push-url="true">{{ shell.t("Next") }} →</a>{% endif %}
</span>
</div>
</div>