{% load django_tables2 %}
{% load i18n %}
{% load django_tables2_bulma_template_extras %}
{% block table-wrapper %}
    <div class="container">
        {% block table %}
            <table {% render_attrs table.attrs class="table is-striped is-hoverable is-fullwidth" %}>
                {% block table.thead %}
                    {% if table.show_header %}
                        <thead {% render_attrs table.attrs.thead class="" %}>
                            <tr>
                            {% for column in table.columns %}
                                <th {% render_attrs column.attrs.th class="" %}>
                                    {% if column.orderable %}
                                        {% if column.is_ordered %}
                                            {% is_descending column.order_by as descending %}
                                            {% if descending %}
                                                <span aria-hidden="true">{% block table.desc_icon %}&darr;{% endblock table.desc_icon %}</span>
                                            {% else %}
                                                <span aria-hidden="true">{% block table.asc_icon %}&uarr;{% endblock table.asc_icon %}</span>
                                            {% endif %}
                                        {% else %}
                                            <span aria-hidden="true">{% block table.orderable_icon %}&ReverseUpEquilibrium;{% endblock table.orderable_icon %}</span>
                                        {% endif %}
                                            <a href="{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}">{{ column.header }}</a>
                                    {% else %}
                                        {{ column.header }}
                                    {% endif %}
                                </th>
                            {% endfor %}
                            </tr>
                        </thead>
                    {% endif %}
                {% endblock table.thead %}
            {% block table.tbody %}
                <tbody {{ table.attrs.tbody.as_html }}>
                {% for row in table.paginated_rows %}
                    {% 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 %}
                {% if table.has_footer %}
                <tfoot {{ table.attrs.tfoot.as_html }}>
                    <tr>
                    {% for column in table.columns %}
                        <td {{ column.attrs.tf.as_html }}>{{ column.footer }}</td>
                    {% endfor %}
                    </tr>
                </tfoot>
                {% endif %}
            {% endblock table.tfoot %}
            </table>
        {% endblock table %}
        {% block pagination %}
            {% if table.page and table.paginator.num_pages > 1 %}
                <nav class="pagination" role="navigation" aria-label="pagination">
                    {% if table.page.has_previous %}
                        {% block pagination.previous %}
                            <a class="pagination-previous" href="{% querystring table.prefixed_page_field=table.page.previous_page_number %}">
                                <span aria-hidden="true">&laquo;</span>
<!--                                {% trans 'Previous' %}-->
                            </a>
                        {% endblock pagination.previous %}
                    {% endif %}
                    {% if table.page.has_next %}
                        {% block pagination.next %}
                            <a class="pagination-next" href="{% querystring table.prefixed_page_field=table.page.next_page_number %}">
<!--                                {% trans 'Next' %}-->
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        {% endblock pagination.next %}
                    {% endif %}
                    {% if table.page.has_previous or table.page.has_next %}
                        {% block pagination.range %}
                            <ul class="pagination-list">
                            {% for p in table.page|table_page_range:table.paginator %}
                                <li>
                                    <a class="pagination-link
                                        {% if p == table.page.number %}is-current{% endif %}"
                                        aria-label="Page {{ p }}"
                                        {% if p == table.page.number %}aria-current="page"{% endif %}
                                        {% if p == table.page.number %}
                                            href="#"
                                        {% else %}
                                            href="{% querystring table.prefixed_page_field=p %}"
                                        {% endif %}
                                    >
                                        {% if p == '...' %}
                                            <span class="pagination-ellipsis">&hellip;</span>
{#                                            <a href="#">{{ p }}</a>#}
                                        {% else %}
                                            {{ p }}
                                        {% endif %}
                                    </a>
                                </li>
                            {% endfor %}
                            </ul>
                        {% endblock pagination.range %}
                    {% endif %}
                </nav>
            {% endif %}
        {% endblock pagination %}
    </div>
{% endblock table-wrapper %}