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

  1. {% extends 'app/index.html.twig' %} {% block title %} {% trans %} Abonnements
  2. list {% endtrans %} {% endblock %} {% block content %} {% include
  3. "app/_partials/breadcrumb.html.twig" with { 'title': 'Abonnements'|trans,
  4. 'parent': 'Abonnements'|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 abonnements {% endtrans %}
  15.                 <span class="text-muted fw-normal ms-2"
  16.                   >({{ subscriptions | 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_subscription_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/subscription/add-modal.html.twig" %} {% include
  41.               "app/subscription/edit-modal.html.twig" %}
  42.             </div>
  43.           </div>
  44.         </div>
  45.       </div>
  47.       <div class="card-body">
  48.         <div class="table">
  49.           <table
  50.             id="datatable"
  51.             class="table table-bordered dt-responsive nowrap w-100"
  52.           >
  53.             <thead>
  54.               <tr>
  55.                 <th>#</th>
  56.                 <th>{% trans %} Enfant {% endtrans %}</th>
  57.                 <th>{% trans %} Service {% endtrans %}</th>
  58.                 <th>{% trans %} Date de début {% endtrans %}</th>
  59.                 <th>{% trans %} Date d'expiration {% endtrans %}</th>
  60.                 <th>{% trans %} Total / Reste {% endtrans %}</th>
  61.                 {#
  62.                 <th>{% trans %} Statut {% endtrans %}</th>
  63.                 #}
  64.                 <th width="220px">{% trans %} Actions {% endtrans %}</th>
  65.               </tr>
  66.             </thead>
  67.             <tbody data-controller="subscription">
  68.               {% for subscription in subscriptions %}
  69.               <tr>
  70.                 <th scope="row">
  71.                   {{ loop.index }}
  72.                 </th>
  73.                 <td>
  74.                   {% if subscription.child.gender == 'Garçon' %} {% set avatar =
  75.                   '/app/images/defaults/son.png' %} {% else %} {% set avatar =
  76.                   '/app/images/defaults/daughter.png' %} {% endif %}
  77.                   <img
  78.                     src="{{ subscription.child.photo ? '/uploads/children/' ~ subscription.child.photo : avatar }}"
  79.                     alt="{{ subscription.child.firstName }} {{
  80.                       subscription.child.lastName
  81.                     }}"
  82.                     class="avatar-md rounded-circle me-2"
  83.                   />
  84.                   <a
  85.                     href="{{
  86.                       path('app_child_show', { id: subscription.child.id })
  87.                     }}"
  88.                     class="text-body"
  89.                   >
  90.                     {{ subscription.child.firstName }}
  91.                     {{ subscription.child.lastName }}
  92.                   </a>
  93.                 </td>
  95.                 <td>
  96.                   {{ subscription.service ? subscription.service.name : "" }}
  97.                   -
  98.                   {{
  99.                     subscription.service ? subscription.service.duration : ""
  100.                   }}
  101.                   {% trans %} Jours {% endtrans %}
  102.                   <br />
  103.                   <b> {% trans %} Prix {% endtrans %} : </b>
  104.                   <span class="text-info"
  105.                     >{{ subscription.total|number_format(0, '.', ' ') }}
  106.                     {{ company.currencie }}
  107.                   </span>
  108.                   /
  109.                   <b> {% trans %} Remise {% endtrans %} : </b>
  110.                   <span class="text-info"
  111.                     >{{ subscription.discount|number_format(0, '.', ' ') }}
  112.                     {{ company.currencie }}
  113.                   </span>
  114.                 </td>
  115.                 <td>
  116.                   <b>
  117.                     <span class="text-info">
  118.                       {{ subscription.startDate|date('d-m-Y') }}
  119.                     </span>
  120.                   </b>
  121.                 </td>
  122.                 <td>
  123.                   <b>
  124.                     <span class="text-info">
  125.                       {{ subscription.expireDate|date('d-m-Y') }}
  126.                     </span>
  127.                   </b>
  128.                 </td>
  129.                 <td>
  130.                   <b> {% trans %} Total {% endtrans %} : </b>
  131.                   <span class="text-info"
  132.                     >{{ subscription.getTotal()|number_format(0, '.', ' ') }}
  133.                     {{ company.currencie }}
  134.                   </span>
  135.                   <br />
  136.                   <b> {% trans %} Reste {% endtrans %} : </b>
  137.                   <span class="text-info"
  138.                     >{{ subscription.getRestToPay()|number_format(0, '.', ' ') }}
  139.                     {{ company.currencie }}
  140.                   </span>
  141.                 </td>
  142.                 {#
  143.                 <td>
  144.                   <span class="badge badge-pad bg-primary text-uppercase">
  145.                     {{ subscription.status.name }}
  146.                   </span>
  147.                 </td>
  148.                 #}
  150.                 <td>
  151.                   <a
  152.                     href="{{
  153.                       path('app_subscription_edit', { id: subscription.id })
  154.                     }}"
  155.                     class="btn btn-primary waves-effect waves-light me-2"
  156.                     data-toggle="tooltip"
  157.                     data-placement="top"
  158.                     title="{{ 'Détails' | trans }}"
  159.                   >
  160.                     <i class="bx bx-list-ol font-size-16 align-middle"></i>
  161.                   </a>
  162.                   <a
  163.                     data-action="subscription#edit"
  164.                     data-subscription-id="{{ subscription.id }}"
  165.                     href="javascript:void(0)"
  166.                     class="btn btn-info waves-effect waves-light me-2"
  167.                     data-toggle="tooltip"
  168.                     data-placement="top"
  169.                     title="{{ 'Modifier' | trans }}"
  170.                   >
  171.                     <i class="bx bx-edit font-size-16 align-middle"></i>
  172.                   </a>
  173.                 </td>
  174.               </tr>
  175.               {% endfor %}
  176.             </tbody>
  177.           </table>
  178.         </div>
  179.       </div>
  180.     </div>
  181.   </div>
  182. </div>
  183. {% endblock %}