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

{% block css %}
    <link rel="stylesheet" href="/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <link rel="stylesheet" href="/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
{% endblock %}

{% block title %}Liste des cabinets{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <table id="example2" class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>Id</th>
                                <th>Nom du cabinet</th>
                                <th>Email</th>
                                <th>Ville</th>
                                <th>Téléphone</th>
                                <th>Logo</th>
                                <th>Nb FEC</th>
                                <th>Date dernier FEC</th>
                                <th width="">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for user in users %}
                                <tr>
                                    <td>{{ user.getId() }}</td>
                                    <td>{{ user.nom }}</td>
                                    <td>{{ user.email }}</td>
                                    <td>{{ user.ville }}</td>
                                    <td>{{ user.tel }}</td>
                                    <td>
                                        {% if user.logo|default %}
                                            <img height="26" src="{{ uploads_directory }}{{ user.logo }}" />
                                        {% endif %}
                                    </td>
                                    <td>{{ user.getNbTotalFec() }}</td>
                                    <td data-sort="{{ user.getLastFecDate()|date("Ymd") }}">{{ user.getLastFecDate()|date("d/m/Y") }}</td>
                                    <td class="text-center">
                                        <a href="{{ path('app_admin_user_edit', {'id': user.getId() }) }}"><i class="fas fa-edit"></i></a>&nbsp;&nbsp;
                                        {{ include('admin_user/_delete_form.html.twig') }}
                                        <a href="{{ path('app_admin_user_delete_clients', {'id': user.getId() }) }}" onclick="return confirm('Vous allez supprimer tous les dossiers liés à ce client : \n {{ user.nom }} \n êtes vous sûr de vouloir effectuer cette action ?')" class="btn btn-xs btn-primary">Purger clients</a>
                                        <a target="_blank" href="{{ path('app_admin_user_connect', {'id': user.getId() }) }}" class="btn btn-xs btn-success">Se connecter</a>
                                    </td>
                                </tr>
                            {% else %}
                                <tr>
                                    <td colspan="7">Aucun cabinet trouvé</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->

        </div>
        <!-- /.col -->
    </div>

    <a href="{{ path('app_admin_user_new') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Ajouter un cabinet</a>
{% endblock %}

{% block javascript_footer %}
<script src="/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script>
$(function () {
    $('#example2').DataTable({
        language: {
            processing:     "Traitement en cours...",
            search:         "Rechercher&nbsp;:",
            lengthMenu:    "Afficher _MENU_ &eacute;l&eacute;ments",
            info:           "Affichage de l'&eacute;lement _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
            infoEmpty:      "Affichage de l'&eacute;lement 0 &agrave; 0 sur 0 &eacute;l&eacute;ments",
            infoFiltered:   "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
            infoPostFix:    "",
            loadingRecords: "Chargement en cours...",
            zeroRecords:    "Aucun &eacute;l&eacute;ment &agrave; afficher",
            emptyTable:     "Aucune donnée disponible dans le tableau",
            paginate: {
                first:      "Premier",
                previous:   "Pr&eacute;c&eacute;dent",
                next:       "Suivant",
                last:       "Dernier"
            },
            aria: {
                sortAscending:  ": activer pour trier la colonne par ordre croissant",
                sortDescending: ": activer pour trier la colonne par ordre décroissant"
            }
        },
        "paging": true,
        "lengthChange": false,
        "searching": true,
        "ordering": true,
        "info": true,
        "autoWidth": false,
        "responsive": true,
    });
});
</script>
{% endblock %}