{% extends 'menuback.html.twig' %}
{% block stylesheets %} 
   {{parent()}}

      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/datatables.min.css') }}">
      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css') }}">
 
 {% endblock %}

{% block body %}
    <div class="main-content">
        <section class="section">
          <div class="section-body">
            <div class="row">
              <div class="col-12">
                <div class="card">
                  <div class="card-header">
                    {# <h4>Export Table</h4> #}
 <a href="{{ path('user_new') }}" class="btn btn-primary">Ajoute un utilisateur</a>                      <h4></h4>

    {# {% for message in app.flashes('success') %}
      <div class="alert alert-success">
        {{ message }}
      </div>
    {% endfor %} #}
                  </div>
                  <div class="card-body">
                    <div class="table-responsive">
                      <table class="table table-striped table-hover" id="tableExport" style="width:100%;">
                        <thead>
                          <tr>
                             <th>Id</th>
                <th>Email</th>
                <th>Username</th>
                <th>Roles</th>
                {# <th>Password</th> #}
                <th>Nom</th>
                <th>Prenoms</th>
                <th>Profile</th>
                <th>actions</th>
                          </tr>
                        </thead>
                        <tbody>
                         {% for user in users %}
            <tr>
                <td>{{ user.id }}</td>
                <td>{{ user.email }}</td>
                <td>{{ user.username }}</td>
                <td>{{ user.roles ? user.roles|join(', ') : '' }}</td>
                {# <td>{{ user.password }}</td> #}
                <td>{{ user.nom }}</td>
                <td>{{ user.prenoms }}</td>
                 <td>{{ user.module.nomprofile }}</td>
                
                <td>
                    <a href="{{ path('user_show', {'id': user.id}) }}" class="btn btn-success">Voir</a>
                    <a href="{{ path('user_edit', {'id': user.id}) }}" class="btn btn-secondary">Edite</a>
                    {% if user.module.nomprofile == 'CALLCENTER' %}
                        <a href="{{ path('user_objectif', {'id': user.id}) }}" class="btn btn-icon icon-left btn-dark"> Objectif</a>

                    {% endif %}
               {{ include('user/_delete_form.html.twig') }}

                </td>
            </tr>
              {% else %}
        <tr>
          <td colspan="16">Aucun enregistrement trouvé</td>
        </tr>
      {% endfor %}
                         
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
         
      </div>
{% endblock %}
{% block javascripts %} 
   {{parent()}}

           <script type="text/javascript" src="{{ asset('back/bundles/datatables/datatables.min.js') }}"></script>  
           <script type="text/javascript" src="{{ asset('back/bundles/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js') }}"></script>  
           <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/dataTables.buttons.min.js') }}"></script> 
           <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/buttons.flash.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/jszip.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/pdfmake.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/vfs_fonts.js') }}"></script> 
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/buttons.print.min.js') }}"></script>  
             <script type="text/javascript" src="{{ asset('back/js/page/datatables.js') }}"></script>  


 
 {% endblock %}