{#<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.shiftId') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Libelle', 'p.shiftLibelle') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Code', 'p.shiftCode') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Heure Debut', 'p.shiftDebut') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Heure Fin', 'p.shiftFin') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Nom Campagne', 'p.shiftNomCampagne') }}</th>


        <th>Actions</th>
    </tr>
    </thead>
    <tbody>
    {#{% for agence in agences %}#}
    {% for shift in pagination %}
        <tr>
            <td>{{ shift.shiftId }}</td>
            <td>{{ shift.shiftLibelle }}</td>
            <td>{{ shift.shiftCode }}</td>
            <td>{{ shift.shiftDebut | date('H:i:s') }}</td>
            <td>{{ shift.shiftFin | date('H:i:s') }}</td>
            <td>{{ shift.shiftNomCampagne }}</td>


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