{% load querystring_replace from django_tables2 %}
{% load get_item table_config_button from helpers %}

{% with last_column_name=table.visible_columns|last visible_column_count=table.visible_columns|length %}
    <table{% if table.attrs %} {{ table.attrs.as_html }}{% endif %}>
        <caption class="position-absolute visually-hidden">
            {% firstof table_caption table.data.verbose_name_plural "Table" %}
        </caption>
        {% if table.show_header %}
            <thead>
                <tr>
                    {% for column in table.columns %}
                        {% if not table.configurable or not forloop.last or last_column_name != 'actions' %}
                            {% if column.orderable %}
                                {% spaceless %}
                                    {% comment %}
                                        `aria-sort` conveys the current sort state of the column to assistive
                                        technology. It must appear on at most one column at a time, so unsorted
                                        columns are explicitly reported as `"none"`.
                                    {% endcomment %}
                                    <th aria-sort="{% if not column.is_ordered %}none{% elif column.order_by_alias.is_ascending %}ascending{% else %}descending{% endif %}"
                                        scope="col"
                                        {{ column.attrs.th.as_html }}>
                                        {% comment %}
                                            Tri-state sorting toggle: unsorted → ascending → descending → unsorted
                                        {% endcomment %}
                                        {% if column.order_by_alias.is_ascending or not column.is_ordered %}
                                            <a href="{% querystring_replace table.prefixed_order_by_field=column.order_by_alias.next %}">
                                        {% else %}
                                            <a href="{% querystring_replace without table.prefixed_order_by_field %}">
                                        {% endif %}
                                        {{ column.header }}
                                        {% comment %}
                                            The sort direction arrow is decorative -- it duplicates information that
                                            `aria-sort` above already exposes -- so hide it from assistive technology
                                            and describe the action of the link in text instead.
                                        {% endcomment %}
                                        {% if column.is_ordered %}
                                            {% if column.order_by_alias.is_ascending %}
                                                <span aria-hidden="true" class="mdi mdi-arrow-up-thin"></span>
                                                <span class="visually-hidden">activate to sort descending</span>
                                            {% else %}
                                                <span aria-hidden="true" class="mdi mdi-arrow-down-thin"></span>
                                                <span class="visually-hidden">activate to remove sorting</span>
                                            {% endif %}
                                        {% else %}
                                            <span class="visually-hidden">activate to sort ascending</span>
                                        {% endif %}
                                    </a>
                                    </th>
                                {% endspaceless %}
                            {% else %}
                                <th scope="col" {{ column.attrs.th.as_html }}>{{ column.header }}</th>
                            {% endif %}
                        {% else %}
                            <th scope="col" {{ column.attrs.th.as_html }}>
                                {% table_config_button table %}
                            </th>
                        {% endif %}
                    {% endfor %}
                    {% if table.configurable and last_column_name != 'actions' %}
                        <th class="nb-actionable nb-w-0" scope="col">
                            {% table_config_button table %}
                        </th>
                    {% endif %}
                </tr>
            </thead>
        {% endif %}
        <tbody>
            {% for row in table.page.object_list|default:table.rows %}
                <tr {{ row.attrs.as_html }}>
                    {% for column, cell in row.items %}
                        <td {{ column.attrs.td.as_html }}>{{ cell }}</td>
                    {% endfor %}
                    {% if table.configurable and last_column_name != "actions" %}
                        <td class="nb-w-0"></td>
                    {% endif %}
                </tr>
            {% empty %}
                {% if table.empty_text %}
                    <tr>
                        <td
                            colspan="{% if last_column_name == 'actions' %}{{ visible_column_count }}{% else %}{{ visible_column_count|add:1 }}{% endif %}"
                            class="text-center text-secondary"
                        >
                            &mdash; {{ table.empty_text }} &mdash;
                        </td>
                    </tr>
                {% endif %}
            {% endfor %}
        </tbody>
        {% if table.has_footer %}
            <tfoot>
                <tr>
                    {% for column in table.columns %}
                        <td>{{ column.footer }}</td>
                    {% endfor %}
                    {% if table.configurable and last_column_name != "actions" %}
                        <td class="nb-w-0"></td>
                    {% endif %}
                </tr>
            </tfoot>
        {% endif %}
    </table>
{% endwith %}