templates/app/service/index.html.twig line 1

  1. {% extends 'app/setting/index.html.twig' %} {% block title %} {% trans %}
  2. Services {% endtrans %} {% endblock %} {% block settingview %}
  3. <div class="card">
  4.   <div class="card-body">
  5.     <div class="row">
  6.       <div class="col-12">
  7.         <div class="card">
  8.           <div class="card-header">
  9.             <div class="row align-items-center">
  10.               <div class="col-md-6">
  11.                 <div class="mb-3">
  12.                   <h4 class="card-title font-size-20">
  13.                     <i class="mdi mdi-update me-2"></i>
  14.                     {% trans %} Services {% endtrans %}
  15.                   </h4>
  16.                 </div>
  17.               </div>
  19.               <div class="col-md-6">
  20.                 <div
  21.                   class="d-flex flex-wrap align-items-center justify-content-end gap-2 mb-3"
  22.                 >
  23.                   <div>
  24.                     <a
  25.                       href="javascript:void(0)"
  26.                       class="btn btn-primary"
  27.                       data-bs-toggle="modal"
  28.                       data-bs-target="#add-modal"
  29.                     >
  30.                       <i class="bx bx-plus me-1"></i>
  31.                       {% trans %} Ajouter un nouveau {% endtrans %}
  32.                     </a>
  33.                   </div>
  35.                   {% include "app/service/add-modal.html.twig" %} {% include
  36.                   "app/service/edit-modal.html.twig" %}
  37.                 </div>
  38.               </div>
  39.             </div>
  40.           </div>
  42.           <div class="card-body">
  43.             <div class="table-responsive">
  44.               <table id="datatable" class="table table-bordered mb-0">
  45.                 <thead>
  46.                   <tr>
  47.                     <th>#</th>
  48.                     <th>{% trans %} Nom de Service {% endtrans %}</th>
  49.                     <th>{% trans %} Description {% endtrans %}</th>
  50.                     <th>{% trans %} Prix {% endtrans %}</th>
  51.                     <th>{% trans %} Durée {% endtrans %}</th>
  52.                     <th>{% trans %} Actions {% endtrans %}</th>
  53.                   </tr>
  54.                 </thead>
  55.                 <tbody data-controller="service">
  56.                   {% for service in services %}
  57.                   <tr>
  58.                     <th scope="row">
  59.                       {{ loop.index }}
  60.                     </th>
  61.                     <td>
  62.                       {{ service.name }}
  63.                     </td>
  64.                     <td>
  65.                       {{ service.description }}
  66.                     </td>
  67.                     <td>
  68.                       {{ service.price }}
  69.                       {{ company.currencie }}
  70.                     </td>
  71.                     <td>
  72.                       {{ service.duration }}
  73.                       Jours
  74.                     </td>
  75.                     <td>
  76.                       <a
  77.                         data-action="service#edit"
  78.                         data-service-id="{{ service.id }}"
  79.                         href="javascript:void(0)"
  80.                         class="btn btn-info waves-effect waves-light me-2"
  81.                         data-toggle="tooltip"
  82.                         data-placement="top"
  83.                         title="{{ 'Modifier' | trans }}"
  84.                       >
  85.                         <i class="bx bx-edit font-size-16 align-middle"></i>
  86.                       </a>
  88.                       {% if service.subscriptions | length <= 0 %}
  89.                       <form
  90.                         style="display: contents"
  91.                         id="delete-form-{{ service.id }}"
  92.                         method="post"
  93.                         action="{{
  94.                           path('app_service_delete', { id: service.id })
  95.                         }}"
  96.                         onclick="alertify.set('notifier','position', 'top-right'); alertify.confirm('Supprimer', 'Voulez-vous vraiment supprimer cet objet?', function(e){ document.getElementById('delete-form-{{
  97.                           service.id
  98.                         }}').submit(); }, function(){ alertify.error('Annuler')});"
  99.                       >
  100.                         <input
  101.                           type="hidden"
  102.                           name="_token"
  103.                           value="{{ csrf_token('delete' ~ service.id) }}"
  104.                         />
  105.                         <a
  106.                           href="javascript:void(0);"
  107.                           type="button"
  108.                           class="btn btn-danger waves-effect waves-light me-2"
  109.                           data-toggle="tooltip"
  110.                           data-placement="top"
  111.                           title="{{ 'Supprimer' | trans }}"
  112.                         >
  113.                           <i class="bx bx-trash font-size-16 align-middle"></i>
  114.                         </a>
  115.                       </form>
  116.                       {% endif %}
  117.                     </td>
  118.                   </tr>
  119.                   {% endfor %}
  120.                 </tbody>
  121.               </table>
  122.             </div>
  123.           </div>
  124.         </div>
  125.       </div>
  126.     </div>
  127.   </div>
  128. </div>
  129. {% endblock %}