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

  1. {% extends 'app/index.html.twig' %} {% block title %} {% trans %} Payments
  2. history {% endtrans %} {% endblock %} {% block content %} {% include
  3. "app/_partials/breadcrumb.html.twig" with { 'title': 'Payments'|trans, 'parent':
  4. 'Comptabilité'|trans } %}
  6. <div class="row">
  7.   <div class="col-12">
  8.     <div class="card">
  9.       <div class="card-header">
  10.         <div class="row align-items-center">
  11.           <div class="col-md-6">
  12.             <div class="mb-3">
  13.               <h5 class="card-title">
  14.                 {% trans %} Tous les Paiements {% endtrans %}
  15.                 <span class="text-muted fw-normal ms-2"
  16.                   >({{ payments | length }})</span
  17.                 >
  18.               </h5>
  19.             </div>
  20.           </div>
  22.           <div class="col-md-6">
  23.             <div
  24.               class="d-flex flex-wrap align-items-center justify-content-end gap-2 mb-3"
  25.             >
  26.               <div>
  27.                 <ul class="nav nav-pills"></ul>
  28.               </div>
  29.               <div>
  30.                 <a
  31.                   href="{{ path('app_payment_new') }}"
  32.                   class="btn btn-primary"
  33.                   data-bs-toggle="modal"
  34.                   data-bs-target="#add-modal"
  35.                 >
  36.                   <i class="bx bx-plus me-1"></i>
  37.                   {% trans %} Ajouter un nouveau {% endtrans %}
  38.                 </a>
  39.               </div>
  40.               {% include "app/payment/add-modal.html.twig" %} {% include
  41.               "app/payment/edit-modal.html.twig" %}
  42.             </div>
  43.           </div>
  44.         </div>
  45.       </div>
  47.       <div class="card-body">
  48.         <div class="table">
  49.           {% include "app/payment/_table.html.twig" %} {#
  50.           <table
  51.             id="datatable"
  52.             class="table table-bordered dt-responsive nowrap w-100"
  53.             data-controller="payment"
  54.           >
  55.             <thead>
  56.               <tr>
  57.                 <th>#</th>
  58.                 <th>{% trans %} Payé by {% endtrans %}</th>
  59.                 <th>{% trans %} Abonnement {% endtrans %}</th>
  60.                 <th>{% trans %} Date {% endtrans %}</th>
  61.                 <th>{% trans %} Montant {% endtrans %}</th>
  62.                 <th>{% trans %} Collecté par {% endtrans %}</th>
  63.                 <th width="220px">{% trans %} Actions {% endtrans %}</th>
  64.               </tr>
  65.             </thead>
  66.             <tbody>
  67.               {% for payment in payments %}
  68.               <tr>
  69.                 <th scope="row">
  70.                   {{ loop.index }}
  71.                 </th>
  72.                 <td>
  73.                   <div class="d-flex align-items-center">
  74.                     <div class="flex-shrink-0 me-3">
  75.                       <img
  76.                         class="rounded-circle avatar-md"
  77.                         src="{{ payment.payedBy.photo ? '/uploads/family_members/' ~ payment.payedBy.photo : '/front/images/family.png' }}"
  78.                         alt="{{ payment.payedBy.firstName }} {{
  79.                           payment.payedBy.lastName
  80.                         }}"
  81.                       />
  82.                     </div>
  83.                     <div class="flex-grow-1">
  84.                       <a
  85.                         href="{{
  86.                           path('app_family_member_show', {
  87.                             id: payment.payedBy.id
  88.                           })
  89.                         }}"
  90.                       >
  91.                         <h5 class="font-size-14 mb-0">
  92.                           {{ payment.payedBy.firstName }}
  93.                           {{ payment.payedBy.lastName }}
  94.                         </h5>
  95.                       </a>
  96.                     </div>
  97.                   </div>
  98.                 </td>
  100.                 <td>
  101.                   {{
  102.                     payment.subscription.service
  103.                       ? payment.subscription.service.name
  104.                       : ""
  105.                   }}
  106.                   -
  107.                   {{
  108.                     payment.subscription.service
  109.                       ? payment.subscription.service.duration
  110.                       : ""
  111.                   }}
  112.                   {% trans %} Jours {% endtrans %}
  113.                   <br />
  114.                   <b> {% trans %} Prix {% endtrans %} : </b>
  115.                   <span class="text-info"
  116.                     >{{ payment.subscription.total|number_format(0, '.', ' ') }}
  117.                     {{ company.currencie }}
  118.                   </span>
  119.                   /
  120.                   <b> {% trans %} Remise {% endtrans %} : </b>
  121.                   <span class="text-info"
  122.                     >{{ payment.subscription.discount|number_format(0, '.', ' ') }}
  123.                     {{ company.currencie }}
  124.                   </span>
  125.                 </td>
  126.                 <td>
  127.                   {{ payment.date ? payment.date|date('d-m-Y') : '' }}
  128.                 </td>
  129.                 <td>
  130.                   <b> {% trans %} Total {% endtrans %} : </b>
  131.                   <span class="text-info"
  132.                     >{{ payment.amount }}
  133.                     {{ company.currencie }}
  134.                   </span>
  135.                   <br />
  136.                 </td>
  137.                 <td>
  138.                   {{ payment.createdBy }}
  139.                 </td>
  140.                 <td>
  141.                   <a
  142.                     data-action="payment#edit"
  143.                     data-payment-id="{{ payment.id }}"
  144.                     href="javascript:void(0)"
  145.                     class="btn btn-info waves-effect waves-light me-2"
  146.                     data-toggle="tooltip"
  147.                     data-placement="top"
  148.                     title="{{ 'Modifier' | trans }}"
  149.                   >
  150.                     <i class="bx bx-edit font-size-16 align-middle"></i>
  151.                   </a>
  152.                 </td>
  153.               </tr>
  154.               {% endfor %}
  155.             </tbody>
  156.           </table>
  157.           #}
  158.         </div>
  159.       </div>
  160.     </div>
  161.   </div>
  162. </div>
  163. {% endblock %}