templates/famillesdarticles/recherche.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Liste des produits{% endblock %}
  5. {% block body %}
  7.     <div class="page-content">
  8.         <div class="container-fluid">
  11.             <div class="row">
  12.                 <div class="col-lg-12">
  13.                     <div class="card">
  14.                         <div class="card-header">
  15.                             <h5 class="card-title mb-0">Liste des articles</h5>
  16.                         </div>
  18.                         <div class="card-body">
  19.                             <div id="scroll-vertical_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
  20.                                 <div class="row">
  21.                                     <div class="col-sm-12 col-md-6"></div>
  23.                                     {#                                <div class="col-sm-12 col-md-6"> #}
  24.                                     {#                                    <div id="scroll-vertical_filter" class="dataTables_filter"><label>Search:<input #}
  25.                                     {#                                                    type="search" class="form-control form-control-sm" placeholder="" #}
  26.                                     {#                                                    aria-controls="scroll-vertical"></label></div> #}
  28.                                     {#                                </div> #}
  30.                                     <div class="row g-3 mb-3 align-items-center">
  31.                                         <div class="col-auto">
  32.                                             <a href="{{ path('app_famillesdarticles_new') }}"
  33.                                                class="btn btn-success add-btn">
  34.                                                 <i class="ri-add-line align-bottom me-1"></i>Ajouter un article
  35.                                             </a>
  36.                                         </div>
  37.                                         <div class="col">
  38.                                             <form method="get" action="{{ path('app_famillesdarticles_filter') }}">
  39.                                                 <div class="row g-2 align-items-center">
  40.                                                     <div class="col-12 col-md-6 position-relative">
  41.                                                         <input type="text" id="searchProduit" name="nomprenom"
  42.                                                                class="form-control"
  43.                                                                placeholder="Rechercher par référence ou fournisseur...">
  44.                                                         {#                                                    <input type="text" id="searchProduit" name="nomprenom" class="form-control" placeholder="Recherche..." autocomplete="off"> #}
  45.                                                         {#                                                    <ul id="autocomplete-list" class="list-group position-absolute w-100" style="display: none; max-height: 200px; overflow-y: auto; z-index: 1000;"></ul> #}
  46.                                                     </div>
  47.                                                     <div class="col-auto">
  48.                                                         <button type="submit"
  49.                                                                 class="btn btn-primary btn-label waves-effect waves-light rounded-pill">
  50.                                                             <i class="ri-search-2-line label-icon align-middle rounded-pill fs-16 me-2"></i>
  51.                                                             Rechercher
  52.                                                         </button>
  53.                                                     </div>
  54.                                                 </div>
  55.                                             </form>
  57.                                             {#                                        <div id="resultsContainer"> #}
  58.                                             {#                                            <!-- Les résultats de la recherche AJAX seront insérés ici --> #}
  59.                                             {#                                        </div> #}
  62.                                         </div>
  63.                                     </div>
  64.                                 </div>
  69.                                 <div class="row">
  70.                                     <div class="col-sm-12">
  71.                                         <div id="resultsContainer">
  72.                                             <div class="dataTables_scroll">
  73.                                                 <div class="dataTables_scrollBody"
  74.                                                      style="position: relative; overflow: auto; max-height: 475px; width: 100%;">
  75.                                                     <table id="scroll-vertical"
  76.                                                            class="table table-bordered dt-responsive nowrap align-middle mdl-data-table dataTable no-footer dtr-inline"
  77.                                                            style="width: 100%;" aria-describedby="scroll-vertical_info">
  78.                                                         <thead>
  79.                                                         <tr>
  80.                                                             <th>ID</th>
  81.                                                             <th>Référence</th>
  82.                                                             <th>Logo</th>
  83.                                                             <th>Stock</th>
  84.                                                             <th>Stock NF</th>
  85.                                                             <th>Total Stock</th>
  86.                                                             <th>Unité</th>
  87.                                                             <th>Prix d'achat</th>
  88.                                                             <th>Prix vente (HT)</th>
  89.                                                             <th>Prix vente (TTC)</th>
  90.                                                             <th>Familles</th>
  91.                                                             <th>Fournisseur</th>
  92.                                                             <th>Actions</th>
  93.                                                         </tr>
  94.                                                         </thead>
  95.                                                         <tbody>
  96.                                                         {% for famillesdarticle in famillesdarticles|sort|reverse %}
  97.                                                             <tr class="odd">
  98.                                                                 <td>{{ famillesdarticle.id }}</td>
  99.                                                                 <td class="email">{{ famillesdarticle.reference }}</td>
  100.                                                                 <td class="status">
  101.                                                                     {% if famillesdarticle.logo is not empty %}
  102.                                                                         <img style="width: 88px;"
  103.                                                                              src="{{ asset('uploads/article/' ~ famillesdarticle.logo) }}"
  104.                                                                              class="costumimgfrontproduit"/>
  105.                                                                     {% else %}
  106.                                                                         <span class="badge-soft-danger">Vide</span>
  107.                                                                     {% endif %}
  108.                                                                 </td>
  109.                                                                 <td>{{ famillesdarticle.qunatity }}</td>
  110.                                                                 <td>{{ famillesdarticle.qtenf }}</td>
  111.                                                                 <td>{{ famillesdarticle.qtetotal }}</td>
  112.                                                                 <td class="phone">{{ famillesdarticle.unite }}</td>
  113.                                                                 <td>{{ famillesdarticle.prixachat }}</td>
  114.                                                                 <td>{{ famillesdarticle.prixvente }}</td>
  115.                                                                 <td>
  116.                                                                     {% if famillesdarticle.prixttc %}
  117.                                                                         {{ famillesdarticle.prixttc }}
  118.                                                                     {% else %}
  119.                                                                         <span class="badge bg-danger">Vide</span>
  120.                                                                     {% endif %}
  121.                                                                 </td>
  122.                                                                 <td class="status">{{ famillesdarticle.familles }}</td>
  123.                                                                 <td class="status">{{ famillesdarticle.fournisseur.raisonsocial }}</td>
  124.                                                                 <td class="action">
  125.                                                                     <div class="d-flex gap-2">
  126.                                                                         <div class="edit">
  127.                                                                             <a href="{{ path('app_famillesdarticles_edit', {'id': famillesdarticle.id}) }}"
  128.                                                                                class="btn btn-sm btn-success edit-item-btn">Modifier</a>
  129.                                                                         </div>
  130.                                                                         <div class="show">
  131.                                                                             <a href="{{ path('app_famillesdarticles_show', {'id': famillesdarticle.id}) }}"
  132.                                                                                class="btn btn-sm btn-primary edit-item-btn" >Voir</a>
  133.                                                                         </div>
  134.                                                                         <div class="remove">
  135.                                                                             <a data-bs-toggle="modal"
  136.                                                                                data-bs-target="#staticBackdrop3"
  137.                                                                                class="btn btn-sm btn-danger edit-item-btn trigger-btn3"
  138.                                                                                title="Supprimer"
  139.                                                                                data-id="{{ path('app_famillesdarticles_delete', {'id': famillesdarticle.id}) }}">
  140.                                                                                 Supprimer
  141.                                                                             </a>
  143.                                                                         </div>
  144.                                                                     </div>
  145.                                                                 </td>
  146.                                                             </tr>
  147.                                                         {% endfor %}
  148.                                                         </tbody>
  149.                                                     </table>
  150.                                                 </div>
  151.                                             </div>
  152.                                         </div>
  153.                                     </div>
  154.                                 </div>
  156. {#                                <div class="row">#}
  157. {#                                    <div class="col-sm-12 col-md-5">#}
  158. {#                                        <div class="dataTables_info" id="scroll-vertical_info" role="status"#}
  159. {#                                             aria-live="polite">Showing 1 to 14 of 14 entries#}
  160. {#                                        </div>#}
  161. {#                                    </div>#}
  162. {#                                    <div class="col-sm-12 col-md-7"></div>#}
  163. {#                                </div>#}
  164.                             </div>
  165.                         </div>
  166.                     </div>
  167.                 </div><!--end col-->
  168.             </div>
  169.             <!--end row-->
  172.         </div>
  173.     </div>
  175. {% endblock %}