{% load django_tables2 %}
{% load i18n %}

<div class="ui container table-container">
    {% block table %}
        <table {% if table.attrs %} {{ table.attrs.as_html }}{% else %}class="ui celled table"{% endif %}>
            {% block table.thead %}
            {% if table.show_header %}
                <thead>
                <tr>
                {% for column in table.columns %}
                    {% if column.orderable %}
                        <th {{ column.attrs.th.as_html }}><a href="{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}">{{ column.header }}</a></th>
                    {% else %}
                        <th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
                    {% endif %}
                {% endfor %}
                </tr>
                </thead>
            {% endif %}
            {% endblock table.thead %}
            {% block table.tbody %}
                <tbody>
                {% for row in table.page.object_list|default:table.rows %} {# support pagination #}
                    {% block table.tbody.row %}
                    <tr {{ row.attrs.as_html }}>
                        {% for column, cell in row.items %}
                            <td {{ column.attrs.td.as_html }}>{% if column.localize == None %}{{ cell }}{% else %}{% if column.localize %}{{ cell|localize }}{% else %}{{ cell|unlocalize }}{% endif %}{% endif %}</td>
                        {% endfor %}
                    </tr>
                    {% endblock table.tbody.row %}
                    {% empty %}
                    {% if table.empty_text %}
                    {% block table.tbody.empty_text %}
                    <tr><td colspan="{{ table.columns|length }}">{{ table.empty_text }}</td></tr>
                    {% endblock table.tbody.empty_text %}
                    {% endif %}
                {% endfor %}
                </tbody>
            {% endblock table.tbody %}
            {% block table.tfoot %}
            <tfoot>
                {% if table.has_footer %}
                <tr>
                {% for column in table.columns %}
                    <td>{{ column.footer }}</td>
                {% endfor %}
                </tr>
                {% endif %}
                {% if table.page and table.paginator.num_pages > 1 %}
                    {% block pagination %}
                    <tr>
                    <th colspan="{{ table.columns|length }}">
                    <div class="ui right floated pagination menu">
                        {% if table.page.has_previous %}
                            {% block pagination.previous %}
                            <a class="icon item" href="{% querystring table.prefixed_page_field=table.page.previous_page_number %}"><i class="left chevron icon"></i>&nbsp; {% trans 'previous' %}</a>
                            {% endblock pagination.previous %}
                        {% endif %}

                        {% if table.page.has_previous or table.page.has_next %}
                            {% block pagination.current %}
                                    <div class="item">{% blocktrans with table.page.number as current and table.paginator.num_pages as total %}Page {{ current }} of {{ total }}{% endblocktrans %}</div>
                            {% endblock pagination.current %}
                        {% endif %}

                        {% if table.page.has_next %}
                            {% block pagination.next %}
                            <a class="icon item" href="{% querystring table.prefixed_page_field=table.page.next_page_number %}">{% trans 'next' %} &nbsp;<i class="right chevron icon"></i></a>
                            {% endblock pagination.next %}
                        {% endif %}
                    </div>
                    </th>
                    </tr>
                    {% endblock pagination %}
                {% endif %}
            </tfoot>
            {% endblock table.tfoot %}
        </table>
    {% endblock table %}

</div>
