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/back/codePromo/
/srv/data/web/vhosts/www.humitest.fr/htdocs/templates/back/codePromo/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 code promo</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>Gestion des codes promo</h1>
        <div class="shape"></div>
        
        <div class="text-right mt-4">
                <a href="{{ path('admin_code_promo_create') }}" class="btn rounded btn-red text-light">
                    <i class="fa fa-plus" aria-hidden="true"></i> Ajouter un code promo
                </a>
            </div>
        <div class="card mt-4 mb-4">
            <div class="card-header text-center btn-red text-light">
                <h4>Liste des codes promo</h4>
            </div>
            <div class="card-content">
                <div class="table-responsive mt-4 mb-4">
                    <table class="table table-striped table-bordered" id="dataTable" width="100%" cellspacing="0" data-page-length='50'>
                        <thead>
                            <tr class="text-center">
                                <th>Code</th>
                                <th> Type prix / Taux</th> 
                                <th>Date début </th>
                                <th>Date de fin </th>
                                <th>Statut</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for code in codes %}
                            {# DATE DE FIN CODE PROMO #}
                            {% set dateFinCode = code.dateFin|date('Y/m/d') %}
                            {# DATE ACTUELLE#}
                            {% set dateActuel = "now"|date('Y/m/d') %}
                            {% if  dateActuel < dateFinCode %} 
                                <tr>
                            {% else %} 
                                <tr style="background-image: repeating-linear-gradient(45deg, transparent, transparent 5px,  rgba(245, 192, 194,.5) 5px,rgba(245, 192, 194,.5) 10px);">
                            {% endif %}
                                    <td class="text-center">
                                      {% if  dateActuel < dateFinCode %}
                                        <h5><span class="badge btn-success text-light p-2 w-100">{{ code.code }}</span></h5>
                                        {% else %} 
                                        <h5><span class="badge btn-red text-light p-2 w-100">{{ code.code }}</span></h5>

                                        {% endif %}
                                    
                                    
                                    </td>
                                    <td class="text-center">{{ code.typePrix }} / {{ code.taux }} %</td>
                                    <td class="text-center">{{ code.dateDebut|date('d/m/Y')  }}</td>
                                    <td class="text-center">{{ code.dateFin|date('d/m/Y')  }}</td> 
                                    <td class="text-center">         
                                        {% if  dateActuel < dateFinCode %}
                                        <span class="badge bg-success text-light rounded pl-3 pr-3"> CODE VALLIDE </span>
                                        {% else %} 
                                        <span class="badge btn-red text-light rounded pl-3 pr-3"> CODE INVALIDE </span>

                                        {% endif %}
                                    </td>
                                    <td style="width:13%" class="text-center">
                                    <small><a href="{{path('admin_code_promo_update', {'id': code.id}) }}" title="Modifier" class="btn btn-secondary rounded p-2" ><i class="fas fa-edit"></i></a></small>

                                        <a href="{{ path('admin_code_promo_delete', {'id': code.id})}}" title="Supprimer" class="btn btn-red rounded p-2 text-light"  id="{{code.id}}" data-title="{{ code.id }}" >
                                            <i class="fa fa-times"></i>
                                        </a> 
                                    </td>
                                </tr>
                        {% else %}
                            <tr>
                                <td colspan="12">Aucun enregistrement</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
            </div>
        </div>
    </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 %}