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

{% block title %}
 {% trans %} La liste des utilisateurs {% endtrans %}
{% endblock %}

{% block body %}



        <!-- Page Heading -->
        <h1 class="h3 mb-2 text-gray-800"> {% trans %} La liste des utilisateurs {% endtrans %}</h1>
        <p class="mb-4">
        <form>
            <div class="row">
                <div class="col">
                    <input type="text" name="name" class="form-control" placeholder="{% trans %} son nom {% endtrans %}">
                </div>
                <div class="col">
                    <input type="text" name="email" class="form-control" placeholder="{% trans %} son email {% endtrans %} ">
                </div>
                <div class="col">
                    <input type="text" name="country" class="form-control" placeholder="{% trans %} son pays {% endtrans %}">
                </div>

                <div class="col">
                    <button type="submit" class="btn btn-primary">{{ "Filtrer" | trans }}</button>
                </div>
            </div>
        </form>
        </p>

        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary"> {% trans %} La liste des utilisateurs {% endtrans %}</h6>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                        <tr>
                            <th> {% trans %} Nom {% endtrans %}</th>
                            <th> {% trans %} Prénom {% endtrans %}</th>
                            <th> {% trans %} Téléphone {% endtrans %}</th>
                            <th> {% trans %} email {% endtrans %}</th>
                            <th> {% trans %} date de création {% endtrans %}</th>

                        </tr>
                        </thead>
                        <tfoot>
                        <tr>
                            <th> {% trans %} Nom {% endtrans %}</th>
                            <th> {% trans %} Prénom {% endtrans %}</th>
                            <th> {% trans %} Téléphone {% endtrans %}</th>
                            <th> {% trans %} email {% endtrans %}</th>
                            <th> {% trans %} date de création {% endtrans %}</th>
                        </tr>
                        </tfoot>
                        <tbody>
                        {% for user in users  %}
                        <tr>
                            <td>{{ user.firstName }}</td>
                            <td>{{ user.lastName }}</td>
                            <td>{{ user.phone }}</td>
                            <td>{{ user.email }}</td>
                            <td>{{ "user.createdAt | ago" }}</td>

                        </tr>
                        {% endfor %}

                        </tbody>
                    </table>
                </div>
            </div>
        </div>



{% endblock %}