{% macro pagination_widget(pagination, endpoint) %}
<!-- <div class="mdui-tab mdui-tab-centered mdui-tab-full-width .mdui-color-blue">
    <div{% if not pagination.has_prev %} class="disabled"{% endif %}>
        <a href="{% if pagination.has_prev %}{{ url_for(endpoint,
        page = pagination.page - 1, **kwargs) }}{% else %}#{% endif %}" >
        &laquo;
        </a>
    </div>
    {% for p in pagination.iter_pages() %}
        {% if p %}
            {% if p == pagination.page %}
            <div>
                <a  class="mdui-tab-active" href="{{ url_for(endpoint, page = p,**kwargs) }}">{{ p }}</a>
            </div>
            {% else %}
            <div>
                <a href="{{ url_for(endpoint, page = p,**kwargs) }}">{{ p }}</a>
            </div>
             {% endif %}
        {% else %}
            <div class="disabled"><a href="#">&hellip;</a></div>
        {% endif %}
    {% endfor %}
    <div {% if not pagination.has_next %} class="disabled"{% endif %}>
        <a href="{% if pagination.has_next %}{{ url_for(endpoint,
        page = pagination.page + 1, **kwargs) }}{% else %}#{% endif %}">
        &raquo;
        </a>
    </div>
</div> -->
<a class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-fab-fixed_left" href="{% if pagination.has_prev %}{{ url_for(endpoint,page = pagination.page - 1, **kwargs) }}{% else %}#{% endif %}">
    <i class="mdui-icon material-icons">&#xe314;</i>
</a>
<a class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-fab-fixed" href="{% if pagination.has_next %}{{ url_for(endpoint,page = pagination.page + 1, **kwargs) }}{% else %}#{% endif %}">
    <i class="mdui-icon material-icons">&#xe5cc;</i>
</a>

{% endmacro %}