{#<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.problemesId') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Probleme Categorie', 'p.problemesCategorie') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Probleme Type', 'p.problemesType') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Probleme Item', 'p.problemesItem') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Probleme Campagne', 'p.problemesCampagnesNom') }}</th>

        <th>Actions</th>
    </tr>
    </thead>
    <tbody>
    {#{% for agence in agences %}#}
    {% for probleme in pagination %}
        <tr>
            <td>{{ probleme.problemesId }}</td>
            <td>{{ probleme.problemesCategorie }}</td>
            <td>{{ probleme.problemesType }}</td>
            <td>{{ probleme.problemesItem }}</td>
            <td>{{ probleme.problemesCampagnesNom }}</td>


            <td style="width: 12%">
                <ul class="list-inline">
                    <li>
                        <a href="{{ path('problemes_edit', { 'id': probleme.problemesId }) }}"
                           class="btn btn-primary btn-sm update"><i class="icon icon-pencil"></i></a>
                    </li>
                    <li>
                        <a href="{{ path('problemes_delete', { 'id': probleme.problemesId }) }}"
                           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>