{% macro table_empty_state(message='No records found.') -%}
<div class="hil-table-empty hil-empty-state">
  <p>{{ message }}</p>
</div>
{%- endmacro %}

{% macro table_loading_state(rows=4, cols=4) -%}
<div class="hil-table-loading" aria-busy="true">
  <div class="hil-skeleton-block" aria-hidden="true">
    {% for _ in range(rows) %}
    <div class="hil-skeleton-line"></div>
    {% endfor %}
  </div>
</div>
{%- endmacro %}

{% macro pagination(current_page, total_pages, base_href, query_name='page') -%}
{% if total_pages and total_pages > 1 %}
<nav class="hil-pagination" aria-label="Pagination">
  {% if current_page > 1 %}
    <a href="{{ base_href }}?{{ query_name }}=1" class="hil-btn hil-btn-secondary hil-btn-sm">First</a>
    <a href="{{ base_href }}?{{ query_name }}={{ current_page - 1 }}" class="hil-btn hil-btn-secondary hil-btn-sm">Prev</a>
  {% endif %}
  <span class="hil-pagination-status">Page {{ current_page }} of {{ total_pages }}</span>
  {% if current_page < total_pages %}
    <a href="{{ base_href }}?{{ query_name }}={{ current_page + 1 }}" class="hil-btn hil-btn-secondary hil-btn-sm">Next</a>
    <a href="{{ base_href }}?{{ query_name }}={{ total_pages }}" class="hil-btn hil-btn-secondary hil-btn-sm">Last</a>
  {% endif %}
</nav>
{% endif %}
{%- endmacro %}