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

  1. {% extends 'app/index.html.twig' %} {% block title %} {% trans %}Profile enfant
  2. {% endtrans %} {% endblock %} {% block content %} {% include
  3. "app/_partials/breadcrumb.html.twig" with { 'dashboard': 'Enfants &
  4. Parents'|trans, 'parent': 'Enfants'|trans, 'title': child.firstName ~ ' ' ~
  5. child.lastName } %}
  7. <div class="row" data-controller="childprofile">
  8.   <div class="col-xl-9 col-lg-8">
  9.     <div class="card">
  10.       <div class="card-body">
  11.         <div class="row">
  12.           <div class="col-sm order-2 order-sm-1">
  13.             <div class="d-flex align-items-start mt-3 mt-sm-0">
  14.               <div class="flex-shrink-0">
  15.                 <div class="avatar-xl me-3">
  16.                   {% if child.gender == 'Garçon' %} {% set avatar =
  17.                   '/app/images/defaults/son.png' %} {% else %} {% set avatar =
  18.                   '/app/images/defaults/daughter.png' %} {% endif %}
  20.                   <img
  21.                     src="{{ child.photo ? '/uploads/children/' ~ child.photo : avatar }}"
  22.                     alt="{{ child.firstName }} {{ child.lastName }}"
  23.                     class="img-fluid rounded-circle d-block"
  24.                   />
  25.                 </div>
  26.               </div>
  27.               <div class="flex-grow-1">
  28.                 <div>
  29.                   <h5 class="font-size-20 mb-1">
  30.                     {{ child.firstName }}
  31.                     {{ child.lastName }}
  32.                     <span class="text-muted font-size-14 mx-2">
  33.                       <span class="badge bg-success text-uppercase">
  34.                         {{ child.status.name }}</span
  35.                       >
  36.                     </span>
  37.                   </h5>
  38.                   <p class="text-muted font-size-16 pt-2">
  39.                     {{ child.gender | trans }}
  40.                     -
  41.                     {{ child.ageMonths.y }}
  42.                     {% trans %} ans {% endtrans %} {% trans %} and {% endtrans
  43.                     %}
  44.                     {{ child.ageMonths.m }}
  45.                     {% trans %} mois {% endtrans %}
  46.                   </p>
  48.                   <div
  49.                     class="d-flex flex-wrap align-items-start gap-2 gap-lg-3 text-muted font-size-14"
  50.                   >
  51.                     <b> {% trans %} Date de naissance : {% endtrans %}</b>
  52.                     <a href="#" class="text-info">
  53.                       {{ child.birthDate|date('d-m-Y') }}
  54.                     </a>
  55.                   </div>
  56.                 </div>
  57.               </div>
  58.             </div>
  59.           </div>
  60.           <div class="col-sm-auto order-1 order-sm-2">
  61.             <div class="d-flex align-items-start justify-content-end gap-2">
  62.               <div>
  63.                 <div class="dropdown">
  64.                   <button
  65.                     class="btn btn-link font-size-16 shadow-none text-muted"
  66.                     type="button"
  67.                     data-toggle="dropdown"
  68.                     aria-expanded="false"
  69.                   >
  70.                     <i class="bx bx-dots-horizontal-rounded"></i>
  71.                   </button>
  72.                   <ul class="dropdown-menu dropdown-menu-end">
  73.                     <li>
  74.                       <a
  75.                         class="dropdown-item"
  76.                         href="{{
  77.                           path('app_child_show_qrcode', { id: child.id })
  78.                         }}"
  79.                       >
  80.                         <i class="mdi mdi-download text-info me-1"></i>
  81.                         {% trans %} Télécharger QrCode {% endtrans %}
  82.                       </a>
  83.                     </li>
  85.                     <hr />
  87.                     <li>
  88.                       {#
  89.                       <a
  90.                         class="dropdown-item"
  91.                         href="{{ path('app_child_delete', { id: child.id }) }}"
  92.                       >
  93.                         <i class="mdi mdi-archive text-danger me-1"></i>
  94.                       </a>
  95.                       #}
  97.                       <form
  98.                         id="delete-form"
  99.                         method="post"
  100.                         action="{{
  101.                           path('app_child_delete', { id: child.id })
  102.                         }}"
  103.                         onclick="alertify.set('notifier','position', 'top-right'); alertify.confirm('Supprimer', 'Voulez-vous vraiment supprimer cet objet?', function(e){ document.getElementById('delete-form').submit(); }, function(){ alertify.error('Annuler')});"
  104.                       >
  105.                         <input
  106.                           type="hidden"
  107.                           name="_token"
  108.                           value="{{ csrf_token('delete' ~ child.id) }}"
  109.                         />
  110.                         <a
  111.                           href="javascript:void(0);"
  112.                           class="dropdown-item"
  113.                           type="button"
  114.                           data-toggle="tooltip"
  115.                           data-placement="top"
  116.                           title="{{ 'Supprimer' | trans }}"
  117.                         >
  118.                           <i class="mdi mdi-archive text-danger me-1"></i>
  119.                           {% trans %} Supprimer {% endtrans %}
  120.                         </a>
  121.                       </form>
  122.                     </li>
  123.                   </ul>
  124.                 </div>
  125.               </div>
  126.             </div>
  127.           </div>
  128.         </div>
  130.         <ul
  131.           class="nav nav-tabs-custom card-header-tabs border-top mt-4"
  132.           id="pills-tab"
  133.           role="tablist"
  134.         >
  135.           <li class="nav-item">
  136.             <a
  137.               class="nav-link px-3 active"
  138.               data-bs-toggle="tab"
  139.               href="#subscriptions-tab"
  140.               role="tab"
  141.             >
  142.               {% trans %} Abonnements {% endtrans %}
  143.             </a>
  144.           </li>
  145.           <li class="nav-item">
  146.             <a
  147.               class="nav-link px-3"
  148.               data-bs-toggle="tab"
  149.               href="#pointings-tab"
  150.               role="tab"
  151.             >
  152.               {% trans %} Pointages {% endtrans %}
  153.             </a>
  154.           </li>
  155.           <li class="nav-item">
  156.             <a
  157.               class="nav-link px-3"
  158.               data-bs-toggle="tab"
  159.               href="#events-tab"
  160.               role="tab"
  161.             >
  162.               {% trans %} Événements {% endtrans %}
  163.             </a>
  164.           </li>
  165.           <li class="nav-item">
  166.             <a
  167.               class="nav-link px-3"
  168.               data-bs-toggle="tab"
  169.               href="#tasks-tab"
  170.               role="tab"
  171.             >
  172.               {% trans %} Tâches {% endtrans %}
  173.             </a>
  174.           </li>
  175.           <li class="nav-item">
  176.             <a
  177.               class="nav-link px-3"
  178.               data-bs-toggle="tab"
  179.               href="#overview-tab"
  180.               role="tab"
  181.             >
  182.               {% trans %} Aperçu {% endtrans %}
  183.             </a>
  184.           </li>
  185.         </ul>
  186.       </div>
  187.     </div>
  189.     <div class="tab-content">
  190.       {# {% include "app/child/one/overview-tab.html.twig" with { 'child': child
  191.       } %} #} {% include "app/child/_partials/subscriptions-tab.html.twig" with
  192.       { 'subscriptions': child.subscriptions } %} {% include
  193.       "app/child/_partials/events.html.twig" %} {% include
  194.       "app/child/_partials/tasks.html.twig" %} {% include
  195.       "app/child/_partials/activity.html.twig" with { 'child_id': child.id,
  196.       'activities': child.posts } %} {% include
  197.       "app/child/_partials/pointings.html.twig" with { 'pointings':
  198.       child.pointings } %} {% include "app/child/_partials/overview.html.twig"
  199.       %}
  200.     </div>
  201.   </div>
  203.   <div class="col-xl-3 col-lg-4">
  204.     {% include "app/child/_partials/card/infos-card.html.twig" with { 'child':
  205.     child } %} {% include "app/child/_partials/card/family-members.html.twig"
  206.     with { 'members': child.family } %} {% include
  207.     "app/child/_partials/card/classroom.html.twig" with { 'classrooms':
  208.     child.classrooms } %}
  209.   </div>
  210. </div>
  212. {% endblock %}