{% extends 'layout.html.twig' %}
    {% block title %}{% endblock %}
{% block javascripts %}
    {{ encore_entry_script_tags('app') }}
{% endblock %}
{% block body %}
    <div class="d-flex mt-5">
        <div class="flex-grow-1  ml-2 opacity-6 ">
            <h4 class="bleupastel"> <i class="fas fa-file-download m-auto opacity-4 fa-2x p-1 mt-3"></i>
                <span class="mb-3">La liste des documents</span></h4>
        </div>
        <div class="align-middle opacity-6">
            <a href="{{ path('document_creer') }}" class=" btn btn-commanditaire mr-5"><i class="fas fa-file-download "></i> Enregistrer un nouveau document</a></div>

    </div>
    <div class="m-3 bg-white shadow p-5">
        <div class="text-info font-20 ml-4 mb-3">Vous avez <b>{{ listDocument.getTotalItemCount }}</b> documents</div>
        <div class="d-flex justify-content-between mb-4 ml-4">
            <div class="">
                {{ knp_pagination_render(listDocument) }}
            </div>
            {% if filtre is not empty %}
                <div class="ml-5 text-center">
                    <b>Recherche : </b> <span class="text-info">{{ filtre }}</span><br>
                    <a href="{{ path('document_list') }}" class="btn btn-danger opacity-4">Effacer la recherche</a>
                </div>
            {% endif %}
            <div class=" ml-5 col-sm-3">
                <form action="" method="get" class="form form-horizontal" autocomplete="off">
                    <input type="text" name="filter" class=" input-sm" placeholder="Recherche..."/>
                    <button type="submit" class="btn btn-success align-self-center">OK</button>
                </form>

            </div>

        </div>
        <table class="table table-striped w-100">
            <thead>
            <tr>
                <th>
                    {% set icon_sortable = "" %}
                    {% set icon_date_create = "" %}
                    {% set icon_prenom = "" %}
                    {% set icon_nom = "" %}
                    {% if listDocument.isSorted( 't.libelle') %}
                        {% if listDocument.direction == 'desc' %}
                            {% set icon_sortable = "▼" %}
                        {% else %}
                            {% set icon_sortable = "▲" %}
                        {% endif %}
                    {% endif %}
                    {{ knp_pagination_sortable(listDocument, 'Type du fichier '~icon_sortable, 't.libelle') }}
                </th>
                <th class="w-50">Nom du fichier</th>
                <th width="15%">Enregistré par</th>
                <th  width="10%">
                    {% if listDocument.isSorted( 'p.date_create') %}
                        {% if listDocument.direction == 'desc' %}
                            {% set icon_date_create = "▼" %}
                        {% else %}
                            {% set icon_date_create = "▲" %}
                        {% endif %}
                    {% endif %}
                    {{ knp_pagination_sortable(listDocument, 'Date de  création '~icon_date_create,'p.date_create') }}</th>
                <th  width="10%">Outils</th>
            </tr>
            </thead>
            <tbody>
            {% for document in listDocument %}
                <tr>
                    <td class="text-nowrap">{{ document.type.libelle }}</td>
                    <td class="text-nowrap">{{ document.nomFichier }}</td>
                    <td class="text-nowrap">{{ document.user.prenom }} {{ document.user.nom }} </td>
                    <td class="text-nowrap">{{ document.dateCreate|date('d/m/Y H:i:s') }} </td>
                    <td class="text-nowrap">
                        <form name="file_manage" action="{{ path('_files_manage',{id:document.id}) }}" method="post"
                              class="m-1">
                            <input type="hidden" name="_demande" value="{{ document.id }}"/>
                            <input type="hidden" name="_tokenFileManage"
                                   value="{{ csrf_token('filemanage1580'~document.id) }}" />

                            <button type="submit" class="btn btn-vertpastel w-100 mb-4"
                                    title="Télécharger le fichier"><i class="fa fa-file-download"></i> Télécharger
                            </button>
                        </form>
                        <form name="file_manage" action="{{ path('_files_delete',{id:document.id}) }}" method="post"
                              class="m-1">
                            <input type="hidden" name="_demande" value="{{ document.id }}"/>
                            <input type="hidden" name="_tokenDeleteFile"
                                   value="{{ csrf_token('fileDelete1580'~document.id) }}" />

                            <button type="submit" class="btn btn-danger w-100 mb-4"
                                    title="Supprimer le fichier"><i class="fa fa-trash-alt"></i> Supprimer
                            </button>
                        </form>
                       </td>

                </tr>
            {% endfor %}
            </tbody>
        </table>
        <div class="">
            {{ knp_pagination_render(listDocument) }}
        </div>
    </div>
{% endblock %}