{#<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, 'Matricule', 'fp.fpUtilisateurMatricule') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Prenom', 'fp.fpUtilisateurPrenom') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Nom', 'fp.fpUtilisateurNom') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Date pointage', 'fp.fpDatePointage') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Heure pointage', 'fp.fpHeurePointage') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Temps de retard', 'fp.fpTempsRetard') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Date fin de session', 'fp.fpDateFinSession') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Temps de travail', 'fp.fpTempsTravail') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Premier appel traité', 'fp.fpPremierAppelTraite') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Nombre appels traités', 'fp.fpNbAppelsTraites') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'Nombre appels non traités', 'fp.fpNbAppelsNonTraites') }}</th>
        <th>{{ knp_pagination_sortable(pagination, 'IP Machine', 'fp.fpIpMachine') }}</th>
        {#<th>Actions</th>#}
    </tr>
    </thead>
    <tbody>
    {#{% for agence in agences %}#}
    {% for feuillePresence in pagination %}
        <tr>
            <td>{{ feuillePresence.fpUtilisateurMatricule }}</td>
            <td>{{ feuillePresence.fpUtilisateurPrenom }}</td>
            <td>{{ feuillePresence.fpUtilisateurNom }}</td>
{#            <td>{{ feuillePresence.fpDatePointage|date('d/m/Y') }}</td>
            <td>{{ feuillePresence.fpHeurePointage|date('H:i:s') }}</td>
            <td>{{ feuillePresence.fpTempsRetard|date('H:i:s') }}</td>
            <td>{{ feuillePresence.fpDateFinSession|date('H:i:s') }}</td>
            <td>{{ feuillePresence.fpTempsTravail|date('H:i:s') }}</td>
            <td>{{ feuillePresence.fpPremierAppelTraite|date('H:i:s') }}</td>#}

            <td>{% if ( feuillePresence.fpDatePointage == null )%}

                {% else %}
                    {{ feuillePresence.fpDatePointage|date('d/m/Y') }}
                {% endif %}
            </td>
            <td>{% if ( feuillePresence.fpHeurePointage == null )%}

                {% else %}
                    {{ feuillePresence.fpHeurePointage|date('H:i:s') }}
                {% endif %}
            </td>
            <td>{% if ( feuillePresence.fpTempsRetard == null )%}

                {% else %}
                    {{ feuillePresence.fpTempsRetard|date('H:i:s') }}
                {% endif %}
            </td>
            <td>{% if ( feuillePresence.fpDateFinSession == null )%}

                {% else %}
                    {{ feuillePresence.fpDateFinSession|date('H:i:s') }}
                {% endif %}
            </td>
            <td>{% if ( feuillePresence.fpTempsTravail == null )%}

                {% else %}
                    {{ feuillePresence.fpTempsTravail|date('H:i:s') }}
                {% endif %}
            </td>
            <td>{% if ( feuillePresence.fpPremierAppelTraite == null )%}

                {% else %}
                    {{ feuillePresence.fpPremierAppelTraite|date('H:i:s') }}
                {% endif %}
            </td>

            <td>{{ feuillePresence.fpNbAppelsTraites }}</td>
            <td>{{ feuillePresence.fpNbAppelsNonTraites }}</td>
            <td>{{ feuillePresence.fpIpMachine }}</td>

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