templates/app/payment/_table.html.twig line 1

  1. <table
  2.   id="datatable"
  3.   class="table table-bordered dt-responsive nowrap w-100"
  4.   data-controller="payment"
  5. >
  6.   <thead>
  7.     <tr>
  8.       <th>#</th>
  9.       <th>{% trans %} Payé par {% endtrans %}</th>
  10.       <th>{% trans %} Abonnement {% endtrans %}</th>
  11.       <th>{% trans %} Date {% endtrans %}</th>
  12.       <th>{% trans %} Montant {% endtrans %}</th>
  13.       <th>{% trans %} Collecté par {% endtrans %}</th>
  14.       <th width="220px">{% trans %} Actions {% endtrans %}</th>
  15.     </tr>
  16.   </thead>
  17.   <tbody>
  18.     {% for payment in payments %}
  19.     <tr>
  20.       <th scope="row">
  21.         {{ loop.index }}
  22.       </th>
  23.       <td>
  24.         <div class="d-flex align-items-center">
  25.           <div class="flex-shrink-0 me-3">
  26.             <img
  27.               class="rounded-circle avatar-md"
  28.               src="{{ payment.payedBy.photo ? '/uploads/family_members/' ~ payment.payedBy.photo : '/front/images/family.png' }}"
  29.               alt="{{ payment.payedBy.firstName }} {{
  30.                 payment.payedBy.lastName
  31.               }}"
  32.             />
  33.           </div>
  34.           <div class="flex-grow-1">
  35.             <a
  36.               href="{{
  37.                 path('app_family_member_show', { id: payment.payedBy.id })
  38.               }}"
  39.             >
  40.               <h5 class="font-size-14 mb-0">
  41.                 {{ payment.payedBy.firstName }}
  42.                 {{ payment.payedBy.lastName }}
  43.               </h5>
  44.             </a>
  45.           </div>
  46.         </div>
  47.       </td>
  49.       <td>
  50.         {{
  51.           payment.subscription.service ? payment.subscription.service.name : ""
  52.         }}
  53.         -
  54.         {{
  55.           payment.subscription.service
  56.             ? payment.subscription.service.duration
  57.             : ""
  58.         }}
  59.         {% trans %} Jours {% endtrans %}
  60.         <br />
  61.         <b> {% trans %} Prix {% endtrans %} : </b>
  62.         <span class="text-info"
  63.           >{{ payment.subscription.total|number_format(0, '.', ' ') }}
  64.           {{ company.currencie }}
  65.         </span>
  66.         /
  67.         <b> {% trans %} Remise {% endtrans %} : </b>
  68.         <span class="text-info"
  69.           >{{ payment.subscription.discount|number_format(0, '.', ' ') }}
  70.           {{ company.currencie }}
  71.         </span>
  72.       </td>
  73.       <td>
  74.         {{ payment.date ? payment.date|date('d-m-Y') : '' }}
  75.       </td>
  76.       <td>
  77.         <b> {% trans %} Total {% endtrans %} : </b>
  78.         <span class="text-info"
  79.           >{{ payment.amount }}
  80.           {{ company.currencie }}
  81.         </span>
  82.         <br />
  83.       </td>
  84.       <td>
  85.         {{ payment.createdBy }}
  86.       </td>
  87.       <td>
  88.         <a
  89.           data-action="payment#edit"
  90.           data-payment-id="{{ payment.id }}"
  91.           href="javascript:void(0)"
  92.           class="btn btn-info waves-effect waves-light me-2"
  93.           data-toggle="tooltip"
  94.           data-placement="top"
  95.           title="{{ 'Modifier' | trans }}"
  96.         >
  97.           <i class="bx bx-edit font-size-16 align-middle"></i>
  98.         </a>
  100.         <a
  101.           data-action="payment#del"
  102.           data-payment-id="{{ payment.id }}"
  103.           data-payment-token="{{ csrf_token('delete' ~ payment.id) }}"
  104.           href="javascript:void(0)"
  105.           class="btn btn-danger waves-effect waves-light me-2"
  106.           data-toggle="tooltip"
  107.           data-placement="top"
  108.           title="{{ 'Supprimer' | trans }}"
  109.         >
  110.           <i class="bx bx-trash font-size-16 align-middle"></i>
  111.         </a>
  112.         {#
  113.         <form
  114.           style="display: contents"
  115.           id="delete-form"
  116.           method="post"
  117.           action="{{ path('app_payment_delete', { id: payment.id }) }}"
  118.           onclick="alertify.set('notifier','position', 'top-right'); alertify.confirm('Supprimer', 'Voulez-vous vraiment supprimer cet objet?', function(e){ document.getElementById('delete-form').submit(); }, function(){ alertify.error('Annuler')});"
  119.         >
  120.           <input
  121.             type="hidden"
  122.             name="_token"
  123.             value="{{ csrf_token('delete' ~ payment.id) }}"
  124.           />
  125.           <a
  126.             href="javascript:void(0);"
  127.             type="button"
  128.             class="btn btn-danger waves-effect waves-light me-2"
  129.             data-toggle="tooltip"
  130.             data-placement="top"
  131.             title="{{ 'Supprimer' | trans }}"
  132.           >
  133.             <i class="bx bx-trash font-size-16 align-middle"></i>
  134.           </a>
  135.         </form>
  136.         #}
  137.       </td>
  138.     </tr>
  139.     {% endfor %}
  140.   </tbody>
  141. </table>