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

  1. {% extends 'app/index.html.twig' %} {% block title %} {% trans %} Children List
  2. {% endtrans %} {% endblock %} {% block content %} {% include
  3. "app/_partials/breadcrumb.html.twig" with { 'title': 'Enfants'|trans, 'parent':
  4. 'Enfants & Parents'|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 Enfants {% endtrans %}
  15.                 <span class="text-muted fw-normal ms-2"
  16.                   >({{ children | 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 class="dropdown">
  27.                 <a
  28.                   class="btn btn-link text-muted py-1 font-size-16 shadow-none dropdown-toggle"
  29.                   href="#"
  30.                   role="button"
  31.                   data-bs-toggle="dropdown"
  32.                   aria-expanded="false"
  33.                 >
  34.                   <i class="bx bx-dots-horizontal-rounded"></i>
  35.                 </a>
  37.                 <ul class="dropdown-menu dropdown-menu-end" style="">
  38.                   <li>
  39.                     <a
  40.                       class="dropdown-item"
  41.                       href="{{ path('app_child_export_csv') }}"
  42.                     >
  43.                       <i class="mdi mdi-export"></i>
  44.                       {% trans %}Exporter la liste des enfants CSV {% endtrans
  45.                       %}
  46.                     </a>
  47.                   </li>
  48.                 </ul>
  49.               </div>
  50.               <div>
  51.                 <a
  52.                   href="{{ path('app_child_new') }}"
  53.                   class="btn btn-primary"
  54.                   data-bs-toggle="modal"
  55.                   data-bs-target="#add-modal"
  56.                 >
  57.                   <i class="bx bx-plus me-1"></i>
  58.                   {% trans %} Ajouter Nouveau {% endtrans %}
  59.                 </a>
  60.               </div>
  61.               {% include "app/child/add-modal.html.twig" %} {% include
  62.               "app/child/edit-modal.html.twig" %} {% include
  63.               "app/child/registration-certificate-modal.html.twig" %}
  64.             </div>
  65.           </div>
  66.         </div>
  67.       </div>
  69.       <div class="card-body">
  70.         <div class="table">
  71.           <table
  72.             id="datatable"
  73.             class="table table-bordered dt-responsive nowrap w-100"
  74.           >
  75.             <thead>
  76.               <tr>
  77.                 <th>#</th>
  78.                 <th>{% trans %} Nom Complet {% endtrans %}</th>
  79.                 <th>{% trans %} Parents {% endtrans %}</th>
  80.                 <th>{% trans %} Genre {% endtrans %}</th>
  81.                 <th>{% trans %} G. Sanguin {% endtrans %}</th>
  82.                 <th>{% trans %} Classe {% endtrans %}</th>
  83.                 <th>{% trans %} Abonnement {% endtrans %}</th>
  85.                 <th width="220px">{% trans %} Actions {% endtrans %}</th>
  86.               </tr>
  87.             </thead>
  88.             <tbody data-controller="child">
  89.               {% for child in children %}
  90.               <tr>
  91.                 <th scope="row">
  92.                   {{ loop.index }}
  93.                 </th>
  94.                 <td>
  95.                   {% if child.gender == 'Garçon' %} {% set avatar =
  96.                   '/app/images/defaults/son.png' %} {% else %} {% set avatar =
  97.                   '/app/images/defaults/daughter.png' %} {% endif %}
  98.                   <div class="d-flex align-items-center">
  99.                     <div class="flex-shrink-0 me-3">
  100.                       <img
  101.                         class="rounded-circle avatar-md"
  102.                         src="{{ child.photo ? '/uploads/children/' ~ child.photo : avatar }}"
  103.                         alt="{{ child.firstName }} {{ child.lastName }}"
  104.                       />
  105.                     </div>
  106.                     <div class="flex-grow-1">
  107.                       <a href="{{ path('app_child_show', { id: child.id }) }}">
  108.                         <h5 class="font-size-14 mb-0">
  109.                           {{ child.firstName }}
  110.                           {{ child.lastName }}
  111.                         </h5>
  112.                       </a>
  113.                       <small class="text-muted font-size-12">
  114.                         {{ child.ageMonths.y }}
  115.                         {% trans %} ans {% endtrans %}
  117.                         {{ child.ageMonths.m }}
  118.                         {% trans %} mois {% endtrans %}
  119.                         <br />
  120.                         {{ child.gender }}
  121.                         -
  122.                         {{ child.blood }}
  123.                       </small>
  124.                     </div>
  125.                   </div>
  126.                 </td>
  127.                 <td>
  128.                   <div class="avatar-group float-start task-assigne">
  129.                     {% for parrent in child.family %}
  130.                     <div class="avatar-group-item">
  131.                       <a
  132.                         href="{{
  133.                           path('app_family_member_show', { id: parrent.id })
  134.                         }}"
  135.                         class="d-inline-block"
  136.                         data-bs-toggle="popover"
  137.                         data-bs-trigger="hover"
  138.                         data-placement="top"
  139.                         title=""
  140.                         data-bs-content="{{ parrent.firstName }} {{
  141.                           parrent.lastName
  142.                         }}"
  143.                       >
  144.                         <div class="avatar-sm">
  145.                           <span
  146.                             class="avatar-title rounded-circle bg-success text-white font-size-16"
  147.                           >
  148.                             {{ parrent.firstName|slice(0, 1)
  157.                             }}{{ parrent.lastName|slice(0,
  158.                                                         1) }}
  159.                           </span>
  160.                         </div>
  161.                       </a>
  162.                     </div>
  163.                     {% endfor %}
  164.                   </div>
  165.                 </td>
  166.                 <td>
  167.                   {{ child.gender }}
  168.                 </td>
  169.                 <td>
  170.                   {{ child.blood }}
  171.                 </td>
  172.                 <td>
  173.                   {% for classe in child.classrooms %}
  174.                   <a
  175.                     style="border: 0px"
  176.                     href="{{ path('app_classroom_show', { id: classe.id }) }}"
  177.                     class="badge badge-pad bg-info text-uppercase"
  178.                     data-bs-toggle="popover"
  179.                     data-bs-trigger="hover"
  180.                     title=""
  181.                     data-bs-content="{{
  182.                       classe.description ? classe.description : ' '
  183.                     }} "
  184.                     data-bs-original-title="{{ classe.name }} - {{
  185.                       classe.section.name
  186.                     }}"
  187.                   >
  188.                     {{ classe.name }}
  189.                   </a>
  190.                   <br />
  191.                   {% endfor %}
  192.                 </td>
  193.                 <td>
  194.                   {% for subscription in child.subscriptions %}
  195.                   <button
  196.                     style="border: 0px"
  197.                     class="badge badge-pad bg-info text-uppercase"
  198.                     data-bs-toggle="popover"
  199.                     data-bs-trigger="hover"
  200.                     title=""
  201.                     data-bs-content="PRIX: {{ subscription.service.getPrice()|number_format(0, '.', ' ') }} {{
  202.                       company.currencie
  203.                     }} - REMISE: {{ subscription.getDiscount() }} {{
  204.                       company.currencie
  205.                     }} - TOTAL: {{ subscription.getTotal()|number_format(0, '.', ' ') }} {{
  206.                       company.currencie
  207.                     }} - REST: {{ subscription.getRestToPay() }} {{
  208.                       company.currencie
  209.                     }} - {{ subscription.startDate|date('d-m-Y') }}
  210.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               -> {{ subscription.expireDate|date('d-m-Y') }}"
  211.                     data-bs-original-title="{{ subscription.service.name }} - {{
  212.                       subscription.service.duration
  213.                     }} Days"
  214.                   >
  215.                     {{ subscription.service.name }}
  216.                     -
  217.                     {{ subscription.service.duration }}
  218.                     jours</button
  219.                   ><br />
  220.                   {% endfor %}
  221.                 </td>
  222.                 <td>
  223.                   <a
  224.                     href="{{ path('app_child_show', { id: child.id }) }}"
  225.                     class="btn btn-primary waves-effect waves-light me-2"
  226.                     data-toggle="tooltip"
  227.                     data-placement="top"
  228.                     title="{{ 'Profile' | trans }}"
  229.                   >
  230.                     <i class="bx bx-user font-size-16 align-middle"></i>
  231.                   </a>
  232.                   <a
  233.                     data-action="child#edit"
  234.                     data-child-id="{{ child.id }}"
  235.                     href="javascript:void(0)"
  236.                     class="btn btn-info waves-effect waves-light me-2"
  237.                     data-toggle="tooltip"
  238.                     data-placement="top"
  239.                     title="{{ 'Modifier' | trans }}"
  240.                   >
  241.                     <i class="bx bx-edit font-size-16 align-middle"></i>
  242.                   </a>
  243.                   <div class="btn-group" role="group">
  244.                     <button
  245.                       id="btnGroupDrop1"
  246.                       type="button"
  247.                       class="btn btn-secondary dropdown-toggle"
  248.                       data-bs-toggle="dropdown"
  249.                       aria-expanded="false"
  250.                       data-toggle="tooltip"
  251.                       data-placement="top"
  252.                       title="{{ 'Plus actions' | trans }}"
  253.                     >
  254.                       <i class="mdi mdi-chevron-down"></i>
  255.                     </button>
  256.                     <ul
  257.                       class="dropdown-menu"
  258.                       aria-labelledby="btnGroupDrop1"
  259.                       style="padding: 0.5rem"
  260.                     >
  261.                       <li>
  262.                         <a
  263.                           class="dropdown-item"
  264.                           href="{{
  265.                             path('app_child_check_in', { id: child.id })
  266.                           }}"
  267.                         >
  268.                           <i
  269.                             class="mdi mdi-clock-in font-size-16 align-middle"
  270.                           ></i>
  271.                           {% trans %} Arrivée {% endtrans %}</a
  272.                         >
  273.                       </li>
  274.                       <li>
  275.                         <a
  276.                           class="dropdown-item"
  277.                           href="{{
  278.                             path('app_child_check_out', { id: child.id })
  279.                           }}"
  280.                         >
  281.                           <i
  282.                             class="mdi mdi-clock-out font-size-16 align-middle"
  283.                           ></i>
  284.                           {% trans %} Départ {% endtrans %}
  285.                         </a>
  286.                       </li>
  288.                       <li>
  289.                         <a class="dropdown-item"></a>
  290.                       </li>
  291.                       <li>
  292.                         <a
  293.                           data-action="child#registration_certificat"
  294.                           data-child-id="{{ child.id }}"
  295.                           href="javascript:void(0)"
  296.                           class="dropdown-item"
  297.                         >
  298.                           <i
  299.                             class="mdi mdi-file-certificate-outline font-size-16 align-middle"
  300.                           ></i>
  301.                           {% trans %}Certificat d'enregistrement {% endtrans %}
  302.                         </a>
  303.                       </li>
  304.                     </ul>
  305.                   </div>
  306.                 </td>
  307.               </tr>
  308.               {% endfor %}
  309.             </tbody>
  310.           </table>
  311.         </div>
  312.       </div>
  313.     </div>
  314.   </div>
  315. </div>
  317. {% endblock %}