{% macro data_table_header(entries, form, tools, toolsRight) %}
<div class="box data_table">
    {% if form or tools or toolsRight %}
        {% import "macros/toolbar.html.twig" as macro %}
        {{ macro.toolbar(form, tools, toolsRight) }}
    {% 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 no-print">
    {{ pagerfanta(entries, 'twitter_bootstrap3_translated', { routeName: route }) }}
</div>
{% endmacro %}