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

<div class="table-container">
{% block table %}
<table {% render_attrs table.attrs %}>
    {% 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.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>
        <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 %}

{% if table.page %}
{% block pagination %}
<ul class="pagination">
    {% if table.page.has_previous %}
        {% block pagination.previous %}
            <li class="previous">
                <a href="{% querystring table.prefixed_page_field=table.page.previous_page_number %}"><i class="material-icons">chevron_left</i></a>
            </li>
        {% endblock pagination.previous %}
    {% endif %}

    {% block pagination.range %}
        {% for p in table.page|table_page_range:table.paginator %}
            {% if table.page.number == p %}
            <li class="active">
                <a href="#!">
                    {{ p }}
                </a>
            {% elif p == '...' %}
            <li class="disabled">
                <a href="#!">
                    {{ p }}
                </a>
            {% else %}
            <li class="waves-effect">
                <a href="{% querystring table.prefixed_page_field=p %}">
                    {{ p }}
                </a>
            {% endif %}
            </li>
        {% endfor %}
    {% endblock pagination.range %}
    {% if table.page.has_next %}
        {% block pagination.next %}
            <li class="next">
                <a href="{% querystring table.prefixed_page_field=table.page.next_page_number %}"><i class="material-icons">chevron_right</i></a>
            </li>
        {% endblock pagination.next %}
    {% endif %}
</ul>
{% endblock pagination %}
{% endif %}
</div>