templates/app/subscription/_partials/payments-tab.html.twig line 1

  1. <div class="tab-pane" id="payments-tab" role="tabpanel">
  2.   <div class="card">
  3.     <div class="card-header">
  4.       <h5 class="card-title mb-0">{% trans %} Paiements {% endtrans %}</h5>
  5.     </div>
  7.     <div class="card-body px-0">
  8.       <div class="card-body">
  9.         <div class="row">
  10.           <div class="col-md-12">
  11.             <div
  12.               class="d-flex flex-wrap align-items-center justify-content-end gap-2 mb-3"
  13.             >
  14.               <div>
  15.                 <ul class="nav nav-pills"></ul>
  16.               </div>
  17.             </div>
  18.           </div>
  19.         </div>
  21.         {# {% include "app/child/_partials/_modal/pointing-edit-notes.html.twig"
  22.         %} #} {#
  23.         <div class="table">
  24.           #} {% include "app/payment/edit-modal.html.twig" %} {% include
  25.           "app/payment/_table.html.twig" %} {#
  26.           <table
  27.             id="datatable"
  28.             class="table table-bordered dt-responsive nowrap w-100"
  29.           >
  30.             <thead>
  31.               <tr>
  32.                 <th>#</th>
  33.                 <th>{% trans %} Parent {% endtrans %}</th>
  34.                 <th>{% trans %} Abonnement {% endtrans %}</th>
  35.                 <th>{% trans %} Date {% endtrans %}</th>
  36.                 <th>{% trans %} Montant {% endtrans %}</th>
  38.                 <th width="220px">{% trans %} Actions {% endtrans %}</th>
  39.               </tr>
  40.             </thead>
  41.             <tbody data-controller="payment">
  42.               {% for payment in payments %}
  43.               <tr>
  44.                 <th scope="row">
  45.                   {{ loop.index }}
  46.                 </th>
  47.                 <td>
  48.                   <div class="d-flex align-items-center">
  49.                     <div class="flex-shrink-0 me-3">
  50.                       <img
  51.                         class="rounded-circle avatar-md"
  52.                         src="{{ payment.payedBy.photo ? '/uploads/family_members/' ~ payment.payedBy.photo : '/front/images/family.png' }}"
  53.                         alt="{{ payment.payedBy.firstName }} {{
  54.                           payment.payedBy.lastName
  55.                         }}"
  56.                       />
  57.                     </div>
  58.                     <div class="flex-grow-1">
  59.                       <a
  60.                         href="{{
  61.                           path('app_family_member_show', {
  62.                             id: payment.payedBy.id
  63.                           })
  64.                         }}"
  65.                       >
  66.                         <h5 class="font-size-14 mb-0">
  67.                           {{ payment.payedBy.firstName }}
  68.                           {{ payment.payedBy.lastName }}
  69.                         </h5>
  70.                       </a>
  71.                     </div>
  72.                   </div>
  73.                 </td>
  75.                 <td>
  76.                   {{
  77.                     payment.subscription.service
  78.                       ? payment.subscription.service.name
  79.                       : ""
  80.                   }}
  81.                   -
  82.                   {{
  83.                     payment.subscription.service
  84.                       ? payment.subscription.service.duration
  85.                       : ""
  86.                   }}
  87.                   {% trans %} Jours {% endtrans %}
  88.                   <br />
  89.                   <b> {% trans %} Prix {% endtrans %} : </b>
  90.                   <span class="text-info"
  91.                     >{{ payment.subscription.total|number_format(0, '.', ' ') }}
  92.                     {{ company.currencie }}
  93.                   </span>
  94.                   /
  95.                   <b> {% trans %} Remise {% endtrans %} : </b>
  96.                   <span class="text-info"
  97.                     >{{ payment.subscription.discount|number_format(0, '.', ' ') }}
  98.                     {{ company.currencie }}
  99.                   </span>
  100.                 </td>
  101.                 <td>
  102.                   {{ payment.date ? payment.date|date('d-m-Y') : '' }}
  103.                 </td>
  104.                 <td>
  105.                   <b> {% trans %} Total {% endtrans %} : </b>
  106.                   <span class="text-info"
  107.                     >{{ payment.amount }}
  108.                     {{ company.currencie }}
  109.                   </span>
  110.                   <br />
  111.                 </td>
  113.                 <td>
  114.                   <a
  115.                     href="{{ path('app_payment_show', { id: payment.id }) }}"
  116.                     class="btn btn-primary waves-effect waves-light me-2"
  117.                     data-toggle="tooltip"
  118.                     data-placement="top"
  119.                     title="{{ 'Profile' | trans }}"
  120.                   >
  121.                     <i class="bx bx-user font-size-16 align-middle"></i>
  122.                   </a>
  123.                   <a
  124.                     href="{{ path('app_payment_edit', { id: payment.id }) }}"
  125.                     class="btn btn-info waves-effect waves-light me-2"
  126.                     data-toggle="tooltip"
  127.                     data-placement="top"
  128.                     title="{{ 'Profile' | trans }}"
  129.                   >
  130.                     <i class="bx bx-edit font-size-16 align-middle"></i>
  131.                   </a>
  132.                 </td>
  133.               </tr>
  134.               {% endfor %}
  135.             </tbody>
  136.           </table>
  137.           #}
  138.         </div>
  139.       </div>
  140.     </div>
  141.   </div>
  142. </div>