templates/app/child/_partials/_modal/assign-family-member.html.twig line 1

  1. <div
  2.   id="assignfamilymemberchild-modal"
  3.   class="modal fade"
  4.   tabindex="-1"
  5.   role="dialog"
  6.   aria-labelledby="assignfamilymemberchild-modal-label"
  7.   aria-hidden="true"
  8.   data-bs-backdrop="static"
  9.   data-bs-keyboard="true"
  10. >
  11.   <div class="modal-dialog modal-md">
  12.     <div class="modal-content">
  13.       <div class="modal-header">
  14.         <h5 class="modal-title" id="assignfamilymemberchild-modal-label">
  15.           {% trans %} Assigner un parent à un enfant {% endtrans %}
  16.         </h5>
  17.         <button
  18.           type="button"
  19.           class="btn-close"
  20.           data-bs-dismiss="modal"
  21.           aria-label="Close"
  22.         ></button>
  23.       </div>
  24.       <div class="modal-body">
  25.         <input
  26.           type="hidden"
  27.           class="form-control"
  28.           id="child-id"
  29.           value="{{ child.id }}"
  30.         />
  32.         <div class="row justify-content-center">
  33.           <div class="col-lg-8">
  34.             <input
  35.               type="text"
  36.               class="form-control"
  37.               id="find-family-member"
  38.               placeholder="{% trans %} Find parent {% endtrans %}"
  39.             />
  40.           </div>
  41.         </div>
  43.         <div
  44.           class="row justify-content-center mt-4"
  45.           id="find-family-member-spinner"
  46.           style="display: none"
  47.         >
  48.           <div class="col-lg-8 text-center">
  49.             <div class="spinner-border text-primary m-1" role="status">
  50.               <span class="sr-only">Loading...</span>
  51.             </div>
  52.           </div>
  53.         </div>
  55.         <div id="family-member-items" class="mt-4">
  56.           {% for member in members %}
  57.           <div class="d-flex align-items-center family-member-item">
  58.             <a
  59.               href="{{ path('app_family_member_show', { id: member.id }) }}"
  60.               class="d-flex list-group-item list-group-item-action"
  61.               style="border-color: #0000 !important"
  62.             >
  63.               <div class="avatar-md flex-shrink-0 me-3">
  64.                 <img
  65.                   src="{{ member.photo ? '/uploads/family_members/' ~ member.photo : 'data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==' }}"
  66.                   alt="{{ member.firstName }} {{ member.lastName }}"
  67.                   class="img-thumbnail rounded-circle avatar-md p-0"
  68.                 />
  69.               </div>
  70.               <div class="flex-grow-1">
  71.                 <div>
  72.                   <h5 class="font-size-14 mb-1">
  73.                     {{ member.firstName }}
  74.                     {{ member.lastName }}
  75.                   </h5>
  76.                   <p class="font-size-13 text-muted mb-0">
  77.                     {{ member.job }}
  78.                   </p>
  79.                 </div>
  80.               </div>
  81.             </a>
  82.             <a
  83.               href="{{
  84.                 path('app_child_unassign_member', {
  85.                   member: member.id,
  86.                   child: child.id
  87.                 })
  88.               }}"
  89.               type="button"
  90.               class="btn btn-sm btn-soft-danger waves-effect waves-light p-2"
  91.             >
  92.               <i class="bx bx-unlink font-size-16 align-middle"></i>
  93.             </a>
  94.           </div>
  95.           {% endfor %}
  96.         </div>
  97.       </div>
  98.       <div class="modal-footer">
  99.         <button
  100.           type="button"
  101.           class="btn btn-secondary waves-effect"
  102.           data-bs-dismiss="modal"
  103.         >
  104.           {% trans %} Annuler {% endtrans %}
  105.         </button>
  106.       </div>
  107.     </div>
  108.   </div>
  109. </div>