{% extends 'admin.html.twig' %}

{% block title %}{{ app.request.attributes.get('role') }} - Liste des  fichiers CSVs{% endblock %}

{% block body %}
    <div class="content" id="content"><!-- PAGE HEADING -->
        <div class="page-heading">
            <div class="page-heading__container">
                <div class="icon"><span class="li-expand4"></span></div>
                <h1 class="title">Liste des fichiers importés</h1>
            </div>
            <nav aria-label="breadcrumb" role="navigation">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">{{ role }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ path('liste_fichiers',{'role':role}) }}">Fichiers Importés</a></li>
                    <li class="breadcrumb-item active">Liste</li>
                </ol>
            </nav>
        </div><!-- //END PAGE HEADING -->

        <div class="container-fluid">
            <div class="card loaded" id="dt-ext-class">
                <div class="card-body">
                    <p class="subtitle margin-top-30"></p>
                    {{ include('@AppBundle/Default/flashBag.html.twig') }}

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="page-heading__container float-right d-none d-sm-block">
                                {% if is_granted('ROLE_ADMIN') %}
                                    <a href="{{ path('importer_datas_registration') }}" class="btn btn-primary btn--icon btn--icon-stacked btn--anon d-none d-lg-block">
                                        <span class="fa fa-check"></span> Ajouter fichier des adhérantes
                                    </a>
                                {% endif %}
                            </div>
                        </div>
                    </div>

                    <p class="subtitle margin-bottom-20"></p>
                    <div id="dt-example-class_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                        <div class="row">
                            <div class="col-sm-12">
                                <table id="dt-example-responsive" class="table table-bordered" cellspacing="0" width="100%">
                                    <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Date d'ajout</th>
                                        <th>Fichier </th>

                                    </tr>
                                    </thead>
                                    <tfoot>
                                    <tr>
                                        <th>Name</th>
                                        <th>Date d'ajout</th>
                                        <th>Fichier </th>

                                    </tr>
                                    </tfoot>
                                    <tbody>
                                    {% for csv in csvs %}
                                        <tr role="row" class="odd">
                                            <td tabindex="0" class="sorting_1">{{ csv.name }}</td>
                                            <td>{{ csv.createdAt |date('Y-m-d H:i') }}</td>
                                            <td>
                                                <a href="{{ asset('uploads/csvs/'~csv.path) }}">télécharger</a>
                                            </td>
                                            {#<td><a href="{{ asset('uploads/csvs/'~csv.path) }}"
                                                   class="btn btn-info btn-sm {% if document.enabled == false %}disabled{% endif %}" title="document" target="_blank">
                                                    <span class="fa fa-file-archive-o" style="color:white"></span>
                                                </a></td>#}
                                            {% if is_granted('ROLE_ADMIN') %}
                                                {#<td>
                                                    <a href="" data-target="#editDocument{{ document.token }}" data-toggle="modal"
                                                       class="btn btn-success btn-sm {% if document.enabled == false %}disabled{% endif %}" title="modifier">
                                                        <span class="fa fa-pencil" style="color:white"></span>
                                                    </a>
                                                    <a class="btn btn-danger btn-sm page-remove" title="supprimer"
                                                       data-toggle="modal"
                                                       data-target="#exampleModal" data-page="{{ document.token }}">
                                                        <span class="fa fa-remove" style="color:white"></span>
                                                    </a>#}
                                                <!-- update Document modal -->
                                                {#{{ render(controller('BackBundle:Documents/Back:editDocument',{'token':document.token, 'role': role })) }}#}
                                                <!-- end update Document modal -->
                                                {#</td>#}
                                            {% endif %}
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>

                                <!-- insert Document modal -->
                                {#{{ render(controller('BackBundle:Documents/Back:addDocument')) }}#}
                                <!-- end insert Document modal -->
                                {#{{ render(controller('BackBundle:Documents/Back:addDocument', {'role': role})) }}#}

                                <!-- remove Category modal -->
                                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                                     aria-labelledby="exampleModalLabel"
                                     aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header"><h5 class="modal-title" id="exampleModalLabel">
                                                    Activation / Desactivation de fichier CSV</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">Voulez-vous supprimer cette entité ?</div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
                                                </button>
                                                <button type="button" class="btn btn-primary admin-confirm" data-page="">
                                                    Confirmer
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end remove Category modal -->

                                <script type="text/javascript">
                                    document.addEventListener("DOMContentLoaded", function () {
                                        app._loading.show($("#dt-ext-responsive"), {spinner: true});
                                        $("#dt-example-responsive").DataTable({
                                            "responsive": true,
                                            "initComplete": function (settings, json) {
                                                setTimeout(function () {
                                                    app._loading.hide($("#dt-ext-responsive"));
                                                }, 1000);
                                            }
                                        });
                                    });
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
    {#{% block javascripts %}
        {{ parent() }}
        {% include '@BackBundle/Documents/bibliotheque/assets.html.twig' %}
    {% endblock %}#}