Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/www.humitest.fr/htdocs/templates/espace-client/compte/
/srv/data/web/vhosts/www.humitest.fr/htdocs/templates/espace-client/compte/search.html.twig
 {% extends 'back/layout.html.twig' %}
{% block title %} Gestion {{'Command'|transchoice(2)}} {% endblock %}

{% block content %}

{# ///////////////// MODAL DELETE ////////////////////#}
    <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Suppression d'un enregistrement</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
              <form method="post" action="">
                    <input id="token" type="hidden" name="_token" value="">
                    <input type="hidden" name="_method" value="DELETE">
                    <button type="submit" class="btn btn-danger">Supprimer</button>
              </form>
            </div>
          </div>
        </div>
    </div>
{# ///////////////// END MODAL DELETE ////////////////////#}

<section class="section-padding">
    <div class="container">
        <h1>Mon compte</h1>
        <div class="shape"></div><br><br>
        {% for compte_User in compteUser %}
            <div class="btn-red p-5">
                <center>
                    <a class="h4 text-center rounded-pill text-uppercase p-3 m-4 w-50"
                    style="background-color:white;border-color:#c11823;border-style:solid;border-width:0.3em; z-index:1;position:relative;">
                       {{ compte_User.lastname }} {{ compte_User.firstname }}
                    </a>
                </center>
               <div class="card rounded pl-3 shadow-lg h-100 pb-5"><br><br>
                    <h6> Information personnel </h6><hr><br>
                    <div class="row mb-2">
                        <div class="col-md-6">
                                <div class="border rounded p-3 w-100" style="background-color:#F4F6F6;"> 
                                    <span class="badge bg-secondary text-light p-2"><i class="far fa-user "></i></span> {{ compte_User.lastname }} 
                                </div>
                        </div>
                        <div class="col-md-6">
                                <div class="border rounded p-3 w-100" style="background-color:#F4F6F6;"> 
                                    <span class="badge bg-secondary text-light p-2"><i class="far fa-user "></i></span> {{ compte_User.Firstname }} 
                                </div>
                        </div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-md-6">
                                <div class="border rounded p-3 w-100" style="background-color:#F4F6F6;"> 
                                    <span class="badge bg-secondary text-light p-2"><i class="fas fa-mobile-alt"></i></span> {{ compte_User.phone }} 
                                </div>
                        </div>
                        <div class="col-md-6">
                                <div class="border rounded p-3 w-100" style="background-color:#F4F6F6;"> 
                                    <span class="badge bg-secondary text-light p-2"><i class="fas fa-envelope"></i></span> {{ compte_User.email }} 
                                </div>
                        </div>
                    </div>

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

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('datatables/jquery.dataTables.js')}}"></script>
    <script src="{{ asset('datatables/dataTables.bootstrap4.js')}}"></script>
    <script>
            $(document).ready(function(){
               $(document).on ("click", ".btn-delete", function () {
                    var id = $(this).attr('id');
                    var title = $(this).attr('data-title');
                    var path = $(this).attr('data-path');
                    $('.modal-footer form').attr('action', path);
                    $('#token').val("{{ csrf_token('delete' ~"+id+") }}");
                    $('.modal-body').html("<p>Confirmez-vous la suppression de: <strong>"+title+"</strong></p>");
                });
            });
    </script>

    <script>
        $(document).ready(function(){$("#dataTable").DataTable()});
    </script>

    <script type="text/javascript">
        $('#dataTable').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"
                }
            },

            aaSorting: []
        } );
    </script>
{% endblock %}