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

  1. {% extends 'app/setting/index.html.twig' %} {% block title %} {% trans %}
  2. Sections {% endtrans %} {% endblock %} {% block settingview %}
  3. <div class="card">
  4.   <div class="card-body">
  5.     <div class="row">
  6.       <div class="col-12">
  7.         <div class="card">
  8.           <div class="card-header">
  9.             <div class="row align-items-center">
  10.               <div class="col-md-6">
  11.                 <div class="mb-3">
  12.                   <h4 class="card-title font-size-20">
  13.                     <i class="mdi mdi-update me-2"></i>
  14.                     {% trans %} Sections {% endtrans %}
  15.                   </h4>
  16.                 </div>
  17.               </div>
  19.               <div class="col-md-6">
  20.                 <div
  21.                   class="d-flex flex-wrap align-items-center justify-content-end gap-2 mb-3"
  22.                 >
  23.                   <div>
  24.                     <a
  25.                       href="javascript:void(0)"
  26.                       class="btn btn-primary"
  27.                       data-bs-toggle="modal"
  28.                       data-bs-target="#add-modal"
  29.                     >
  30.                       <i class="bx bx-plus me-1"></i>
  31.                       {% trans %} Ajouter un nouveau {% endtrans %}
  32.                     </a>
  33.                   </div>
  35.                   {% include "app/section/add-modal.html.twig" %} {% include
  36.                   "app/section/edit-modal.html.twig" %}
  37.                 </div>
  38.               </div>
  39.             </div>
  40.           </div>
  42.           <div class="card-body">
  43.             <div class="table-responsive">
  44.               <table id="datatable" class="table table-bordered mb-0">
  45.                 <thead>
  46.                   <tr>
  47.                     <th>#</th>
  48.                     <th>{% trans %} Nom de Section {% endtrans %}</th>
  49.                     <th>{% trans %} Description {% endtrans %}</th>
  50.                     <th>{% trans %} Tranche d'âge {% endtrans %}</th>
  51.                     <th>{% trans %} Actions {% endtrans %}</th>
  52.                   </tr>
  53.                 </thead>
  54.                 <tbody data-controller="section">
  55.                   {% for section in sections %}
  56.                   <tr>
  57.                     <th scope="row">
  58.                       {{ loop.index }}
  59.                     </th>
  60.                     <td>
  61.                       {{ section.name }}
  62.                     </td>
  63.                     <td>
  64.                       {{ section.description }}
  65.                     </td>
  66.                     <td>
  67.                       {{ section.AgeRange | trans }}
  68.                     </td>
  70.                     <td>
  71.                       <a
  72.                         data-action="section#edit"
  73.                         data-section-id="{{ section.id }}"
  74.                         href="javascript:void(0)"
  75.                         class="btn btn-info waves-effect waves-light me-2"
  76.                         data-toggle="tooltip"
  77.                         data-placement="top"
  78.                         title="{{ 'Modifier' | trans }}"
  79.                       >
  80.                         <i class="bx bx-edit font-size-16 align-middle"></i>
  81.                       </a>
  83.                       {% if section.classrooms | length <= 0 %}
  84.                       <form
  85.                         style="display: contents"
  86.                         id="delete-form-{{ section.id }}"
  87.                         method="post"
  88.                         action="{{
  89.                           path('app_section_delete', { id: section.id })
  90.                         }}"
  91.                         onclick="alertify.set('notifier','position', 'top-right'); alertify.confirm('Supprimer', 'Voulez-vous vraiment supprimer cet objet?', function(e){ document.getElementById('delete-form-{{
  92.                           section.id
  93.                         }}').submit(); }, function(){ alertify.error('Annuler')});"
  94.                       >
  95.                         <input
  96.                           type="hidden"
  97.                           name="_token"
  98.                           value="{{ csrf_token('delete' ~ section.id) }}"
  99.                         />
  100.                         <a
  101.                           href="javascript:void(0);"
  102.                           type="button"
  103.                           class="btn btn-danger waves-effect waves-light me-2"
  104.                           data-toggle="tooltip"
  105.                           data-placement="top"
  106.                           title="{{ 'Supprimer' | trans }}"
  107.                         >
  108.                           <i class="bx bx-trash font-size-16 align-middle"></i>
  109.                         </a>
  110.                       </form>
  111.                       {% endif %}
  112.                     </td>
  113.                   </tr>
  114.                   {% endfor %}
  115.                 </tbody>
  116.               </table>
  117.             </div>
  118.           </div>
  119.         </div>
  120.       </div>
  121.     </div>
  122.   </div>
  123. </div>
  124. {% endblock %}