templates/app/child/_partials/card/classroom.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">
  9.           {% trans %} Salles de classe {% endtrans %}
  10.         </h5>
  11.       </div>
  13.       <div class="col-6 text-end">
  14.         <button
  15.           type="button"
  16.           class="btn btn-soft-light waves-effect waves-light"
  17.           data-bs-toggle="modal"
  18.           data-bs-target="#assignnewclasschild-modal"
  19.         >
  20.           <i class="bx bx-plus font-size-16 align-middle me-2"></i>
  21.           {% trans %} Ajouter / Modifier {% endtrans %}
  22.         </button>
  23.       </div>
  24.     </div>
  25.   </div>
  26.   {% include "app/child/_partials/_modal/assign-class.html.twig" with
  27.   {'all_classrooms': all_classrooms} %}
  29.   <div class="card-body">
  30.     <div class="list-group list-group-flush">
  31.       {% if classrooms|length == 0 %}
  32.       <div
  33.         class="alert alert-transparent alert-dismissible fade show px-4 mb-0 text-center"
  34.         role="alert"
  35.       >
  36.         <i
  37.           class="mdi mdi-alert-circle-outline d-block display-4 mt-2 mb-3 text-info"
  38.         ></i>
  39.         <h5 class="text-info">{% trans %} Info {% endtrans %}</h5>
  40.         <p>{% trans %} No Salle de classe {% endtrans %}</p>
  41.       </div>
  42.       {% endif %} {% for classroom in classrooms %}
  43.       <a
  44.         href="{{ path('app_classroom_show', { id: classroom.id }) }}"
  45.         class="list-group-item list-group-item-action"
  46.       >
  47.         <div class="d-flex align-items-center">
  48.           <div class="avatar-md flex-shrink-0 me-3">
  49.             <img
  50.               src="/front/images/classroom.png"
  51.               alt="{{ classroom.name }}"
  52.               style="width: -webkit-fill-available"
  53.               class="img-thumbnail p-0"
  54.             />
  55.           </div>
  56.           <div class="flex-grow-1">
  57.             <div>
  58.               <h5 class="font-size-14 mb-1">
  59.                 {{ classroom.name }}
  60.                 -
  61.                 {{ classroom.section.name }}
  62.               </h5>
  63.               <p class="font-size-13 text-muted mb-0">
  64.                 {{ classroom.description }}
  65.               </p>
  66.             </div>
  67.           </div>
  68.         </div>
  69.       </a>
  70.       {% endfor %}
  71.     </div>
  72.   </div>
  73. </div>