{#<ul class="list-unstyled">
    <li>
        <a href="{{ path('agences_new') }}" class="btn btn-primary"><i class="icon icon-doc-new"></i> Créer une nouvelle
            agence</a>
    </li>
</ul>#}
<table class="table table-bordered">
    <thead>
    <tr>
        {# sorting of properties based on query components #}
        <th>{{ knp_pagination_sortable(pagination, 'ID', 'p.numeroId') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Numero Telephone', 'p.numeroLibelle') }}</th>
        {#<th>{{ knp_pagination_sortable(pagination, 'Status', 'p.numeroStatus') }}</th>#}
        <th>{{ knp_pagination_sortable(pagination, 'nom campagne', 'p.numeroNomCampagne') }}</th>

        <th>Actions</th>
    </tr>
    </thead>
    <tbody>
    {#{% for agence in agences %}#}
    {% for numero in pagination %}
        <tr>
            <td>{{ numero.numeroId }}</td>
            <td>{{ numero.numeroLibelle }}</td>
            {#<td>{{ numero.numeroStatus }}</td>#}
            <td>{{ numero.numeroNomCampagne }}</td>


            <td style="width: 12%">
                <ul class="list-inline">
                    <li>
                        <a href="{{ path('outbandNumero_edit', { 'id': numero.numeroId }) }}"
                           class="btn btn-primary btn-sm update"><i class="icon icon-pencil"></i></a>
                    </li>
                    <li>
                        <a href="{{ path('outbandNumero_delete', { 'id': numero.numeroId }) }}"
                           class="btn btn-danger btn-sm delete"><i class="icon icon-trash"></i></a>
                    </li>
                </ul>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>

<div class="row">
    <div class="col-md-12">
        <div class="navigation">
            {{ knp_pagination_render(pagination) }}
        </div>
    </div>
    {#<div class="col-md-4">
        <ul class="list-unstyled text-right">
            <li>
                <a href="{{ path('agences_new') }}" class="btn btn-primary"><i class="icon icon-doc-new"></i> Créer une
                    nouvelle agence</a>
            </li>
        </ul>
    </div>#}
</div>

<div class="wait"></div>