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

  1. <div
  2.   id="assignnewclasschild-modal"
  3.   class="modal fade"
  4.   tabindex="-1"
  5.   role="dialog"
  6.   aria-labelledby="assignnewclasschild-modal-label"
  7.   aria-hidden="true"
  8.   data-bs-backdrop="static"
  9.   data-bs-keyboard="true"
  10. >
  11.   <div class="modal-dialog modal-lg">
  12.     <div class="modal-content">
  13.       <div class="modal-header">
  14.         <h5 class="modal-title" id="assignnewclasschild-modal-label">
  15.           {% trans %} Assigner une nouvelle classe à l'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.         <div class="table-responsive">
  26.           <table class="table align-middle mb-0">
  27.             <thead>
  28.               <tr>
  29.                 <th>{% trans %} Salle de classe {% endtrans %}</th>
  30.                 <th>{% trans %} Enseignantes {% endtrans %}</th>
  31.                 <th>{% trans %} Disponible {% endtrans %}</th>
  32.                 <th>{% trans %} Statut {% endtrans %}</th>
  33.                 <th>{% trans %} Actions {% endtrans %}</th>
  34.               </tr>
  35.             </thead>
  36.             <tbody>
  37.               {% for classroom in all_classrooms %}
  38.               <tr>
  39.                 <td>
  40.                   <div class="d-flex align-items-center">
  41.                     <div class="flex-grow-1">
  42.                       <a
  43.                         href="{{
  44.                           path('app_classroom_show', { id: classroom.id })
  45.                         }}"
  46.                       >
  47.                         <h5 class="font-size-14 mb-0">
  48.                           {{ classroom.name }}
  49.                           -
  50.                           <small>
  51.                             {{ classroom.capacity }}
  52.                             {% trans %} place(s) {% endtrans %}
  53.                           </small>
  54.                         </h5>
  55.                       </a>
  56.                       <small class="text-muted font-size-12">
  57.                         {{ classroom.section }}
  58.                         -
  59.                         {{ classroom.section.ageRange }}
  60.                       </small>
  61.                     </div>
  62.                   </div>
  63.                 </td>
  64.                 <td>
  65.                   <div class="avatar-group float-start task-assigne">
  66.                     {% for teacher in classroom.teachers %}
  67.                     <div class="avatar-group-item">
  68.                       <a
  69.                         href="{{
  70.                           path('app_employee_edit', { id: teacher.id })
  71.                         }}"
  72.                         class="d-inline-block"
  73.                         data-bs-toggle="popover"
  74.                         data-bs-trigger="hover"
  75.                         data-placement="top"
  76.                         title=""
  77.                         data-bs-content="{{ teacher.firstName }} {{
  78.                           teacher.lastName
  79.                         }}"
  80.                       >
  81.                         <div class="avatar-sm">
  82.                           <span
  83.                             class="avatar-title rounded-circle bg-success text-white font-size-16"
  84.                           >
  85.                             {{ teacher.firstName|slice(0, 1)
  97.                             }}{{ teacher.lastName|slice(0, 1) }}
  98.                           </span>
  99.                         </div>
  100.                       </a>
  101.                     </div>
  102.                     {% endfor %}
  103.                   </div>
  104.                 </td>
  105.                 <td>
  106.                   {% if (classroom.capacity - classroom.children|length) == 0 %}
  107.                   <small class="text-warning">
  108.                     {% trans %} No Places {% endtrans %}
  109.                   </small>
  110.                   {% else %}
  111.                   <b class="text-info">
  112.                     {{ classroom.capacity - classroom.children | length }}
  113.                   </b>
  114.                   <small> {% trans %} place(s) {% endtrans %} </small>
  115.                   {% endif %}
  116.                 </td>
  117.                 <td>
  118.                   {% if child in classroom.children %}
  119.                   <button
  120.                     type="button"
  121.                     class="btn btn-sm btn-success waves-effect waves-light"
  122.                   >
  123.                     <i
  124.                       class="bx bx-check-double font-size-14 align-middle me-2"
  125.                     ></i>
  126.                     {% trans %} Assigner {% endtrans %}
  127.                   </button>
  128.                   {% endif %}
  129.                 </td>
  130.                 <td>
  131.                   {% if child in classroom.children %}
  132.                   <a
  133.                     href="{{
  134.                       path('app_child_unassign_classroom', {
  135.                         classroom: classroom.id,
  136.                         child: child.id
  137.                       })
  138.                     }}"
  139.                     type="button"
  140.                     class="btn btn-sm btn-soft-danger waves-effect waves-light"
  141.                   >
  142.                     {% trans %} Annuler l'Assignation {% endtrans %}
  143.                   </a>
  144.                   {% else %} {% if (classroom.capacity -
  145.                   classroom.children|length) == 0 %}
  146.                   <button
  147.                     disabled
  148.                     type="button"
  149.                     class="btn btn-sm btn-soft-info waves-effect waves-light"
  150.                   >
  151.                     <i
  152.                       class="bx bx bx-no-entry font-size-14 align-middle me-2"
  153.                     ></i>
  154.                     {% trans %} Assigner {% endtrans %}
  155.                   </button>
  156.                   {% else %}
  157.                   <a
  158.                     href="{{
  159.                       path('app_child_assign_classroom', {
  160.                         classroom: classroom.id,
  161.                         child: child.id
  162.                       })
  163.                     }}"
  164.                     type="button"
  165.                     class="btn btn-sm btn-soft-info waves-effect waves-light"
  166.                   >
  167.                     <i
  168.                       class="bx bx-check-double font-size-14 align-middle me-2"
  169.                     ></i>
  170.                     {% trans %} Assigner {% endtrans %}
  171.                   </a>
  172.                   {% endif %} {% endif %}
  173.                 </td>
  174.               </tr>
  175.               {% endfor %}
  176.             </tbody>
  177.           </table>
  178.         </div>
  179.       </div>
  180.       <div class="modal-footer">
  181.         <button
  182.           type="button"
  183.           class="btn btn-secondary waves-effect"
  184.           data-bs-dismiss="modal"
  185.         >
  186.           {% trans %} Annuler {% endtrans %}
  187.         </button>
  188.       </div>
  189.     </div>
  190.   </div>
  191. </div>