{% macro data_table_header(entries, form, tools) %}
<div class="box data_table">
    {% if form or tools %}
    <div class="box-header with-border">
        <div class="box-title toolbar">
            {% if form %}
                {{ form_start(form) }}
                {{ form_widget(form) }}
                {{ form_end(form) }}
            {% endif %}
        </div>
        <div class="box-tools">
            {% if tools %}
                <div class="btn-group">
                    {% for icon,url in tools  %}
                        <a class="btn btn-default" href="{{ url }}"><i class="fa fa-{{ icon }}"></i></a>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>
    {% endif %}
    <div class="box-body no-padding">
        <div class="dataTables_wrapper form-inline dt-bootstrap">
            <div class="row">
                <div class="col-sm-6"></div>
                <div class="col-sm-6"></div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <table class="table table-striped table-hover dataTable" role="grid">
                        <thead>
                        <tr>
                            {% for title, class in entries %}
                            <th{% if class %} class="{{ class }}"{% endif %}>
                                {{ title|trans }}
                            </th>
                            {% endfor %}
                        </tr>
                        </thead>
                        <tbody>
{% endmacro %}

{% macro data_table_footer(entries, route) %}
                        </tbody>
                    </table>
                </div>
            </div>
            {#<div class="row">
                <div class="col-sm-5">
                    {#<div class="dataTables_info" id="example2_info" role="status" aria-live="polite">
                        {{ 'datatables.entry_counter'|trans({'%from%': '1', '%to%': '10', '%total%': entries.count}) }}
                    </div># }
                </div>
                <div class="col-sm-7">
                    <div class="dataTables_paginate paging_simple_numbers">
                        {{ pagerfanta(entries, 'twitter_bootstrap3_translated', { routeName: route }) }}
                    </div>
                </div>
            </div>#}
        </div>
    </div>
</div>

<div class="navigation text-center">
    {{ pagerfanta(entries, 'twitter_bootstrap3_translated', { routeName: route }) }}
</div>
{% endmacro %}