templates/app/child/_partials/card/family-members.html.twig line 1

  1. <div class="card">
  2.   <div
  3.     class="card-header"
  4.     style="padding-top: 0.75rem; padding-bottom: 0.75rem"
  5.   >
  6.     <div class="row" style="align-items: baseline">
  7.       <div class="col-6">
  8.         <h5 class="card-title mb-3">{% trans %} Parents {% endtrans %}</h5>
  9.       </div>
  11.       <div class="col-6 text-end">
  12.         <button
  13.           type="button"
  14.           class="btn btn-soft-light waves-effect waves-light"
  15.           data-bs-toggle="modal"
  16.           data-bs-target="#assignfamilymemberchild-modal"
  17.         >
  18.           <i class="bx bx-plus font-size-16 align-middle me-2"></i>
  19.           {% trans %} Ajouter / Modifier {% endtrans %}
  20.         </button>
  21.       </div>
  22.     </div>
  23.   </div>
  25.   {% include "app/child/_partials/_modal/assign-family-member.html.twig" with
  26.   {'members': members} %}
  28.   <div class="card-body">
  29.     <div class="list-group list-group-flush">
  30.       {% if members|length == 0 %}
  31.       <div
  32.         class="alert alert-transparent alert-dismissible fade show px-4 mb-0 text-center"
  33.         role="alert"
  34.       >
  35.         <i
  36.           class="mdi mdi-alert-circle-outline d-block display-4 mt-2 mb-3 text-info"
  37.         ></i>
  38.         <h5 class="text-info">{% trans %} No Parents {% endtrans %}</h5>
  39.         <p>
  40.           {% trans %} Cliquez sur le bouton Ajouter pour créer {% endtrans %}
  41.         </p>
  42.       </div>
  43.       {% endif %} {% for member in members %}
  44.       <div class="d-flex align-items-center">
  45.         <a
  46.           href="{{ path('app_family_member_show', { id: member.id }) }}"
  47.           class="d-flex list-group-item list-group-item-action"
  48.           style="border-color: #0000 !important"
  49.         >
  50.           <div class="avatar-md flex-shrink-0 me-3">
  51.             <img
  52.               src="{{ member.photo ? '/uploads/family_members/' ~ member.photo : '/front/images/family.png' }}"
  53.               alt="{{ member.firstName }} {{ member.lastName }}"
  54.               class="img-thumbnail rounded-circle avatar-md p-0"
  55.             />
  56.           </div>
  57.           <div class="flex-grow-1">
  58.             <div>
  59.               <h5 class="font-size-14 mb-1">
  60.                 {{ member.firstName }}
  61.                 {{ member.lastName }}
  62.               </h5>
  63.               <p class="font-size-13 text-muted mb-0">
  64.                 {{ member.job }}
  65.               </p>
  66.             </div>
  67.           </div>
  68.         </a>
  70.         <b
  71.           style="cursor: pointer"
  72.           onclick="window.open('tel:{{ member.phone }}', '_self');"
  73.         >
  74.           <i class="mdi mdi-phone d-block text-info p-2"></i>
  75.         </b>
  76.         <b
  77.           style="cursor: pointer"
  78.           onclick="window.open('tel:{{ member.mobile }}', '_self');"
  79.         >
  80.           <i class="mdi mdi-cellphone d-block text-info p-2"></i>
  81.         </b>
  82.       </div>
  83.       {% endfor %}
  84.     </div>
  85.   </div>
  86. </div>