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


{% block body %}
<div class="content-body">
    <!-- row -->
    <div class="container-fluid">

        <div class="row page-titles mx-0">
            <div class="col-sm-6 p-md-0">
                <div class="welcome-text">
                    <h4>Les Utilisateurs</h4>
                </div>
            </div>
            <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ path("admin.main") }}">Tableau de board</a></li>
                    <li class="breadcrumb-item active"><a href="javascript:;">Les Utilisateurs</a></li>
                </ol>
            </div>
        </div>

        <div class="row">

            <div class="col-lg-12">
                <div class="row tab-content">
                    <div id="list-view" class="tab-pane fade active show col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">Les Utilisateurs  </h4>
                                <a href="{{ path("admin.users.add") }}" class="btn btn-primary">+ Nouveau</a>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table id="example3" class="display" style="min-width: 845px">
                                        <thead>
                                        <tr>
                                            <th>Image </th>
                                            <th>Nom </th>
                                            <th>Email</th>
                                            <th>Groups</th>
                                            <th>Role</th>
                                            <th>Etat</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                       <tbody>
                                           {% for a in users %}
                                               <tr>
                                                   <td>
                                                       {% if a.file_name %}
                                                           <a target="_blank" href="{{ a.file_name ? asset(user_images~'/'~a.id~'/'~a.file_name) : asset(admin_assets~'/images/default_image.png')  }}">
                                                               <img src="{{  a.file_name ? asset(user_images~'/'~a.id~'/'~a.file_name) }}" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
                                                           </a>
                                                       {% else %}
                                                           <img src="{{ asset(admin_assets~'/images/default_image.png') }}" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />

                                                       {% endif %}
                                                   </td>
                                                   <td>{{ a.getName() }}</td>
                                                   <td><a href="mailto:{{ a.getEmail() }}"><strong>{{ a.getEmail() }}</strong></a></td>
                                                   <td>
                                                       {% for c in a.getGroups() %}
                                                         <span class="badge badge-rounded badge-light">{{ c.getName() }}</span>
                                                       {% endfor %}
                                                   </td>
                                                   <td>{{ a.isAdmin() ? "Administrateur" : "Utilisateur" }}</td>

                                                   <td>
                                                     <span class="{{ a.isEnabled() ? "badge badge-rounded badge-outline-success" : "badge badge-rounded badge-outline-warning" }}">{{ a.isEnabled() ? "Active" :"Désactivé" }}</span>
                                                   </td>

                                                   <td>
                                                   <a title="Modifier"  href="{{ path("admin.users.edit",{"token":a.getSgToken() }) }}" class="btn btn-sm btn-primary"><i class="la la-pencil"></i></a>
                                                   <a title="Supprimer"  href="{{ path("admin.users.delete",{"token":a.getSgToken() }) }}" class="btn btn-sm btn-danger"><i class="la la-trash-o"></i></a>
                                               </td>
                                           </tr>
                                           {% endfor %}
                                       </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
{% endblock %}