templates/app/child/_partials/events.html.twig line 1

  1. <div class="tab-pane" id="events-tab" role="tabpanel">
  2.   <div class="card">
  3.     <div class="card-header">
  4.       <h5 class="card-title mb-0">{% trans %} Événements {% endtrans %}</h5>
  5.     </div>
  7.     <div class="card-body px-0">
  8.       <div class="card-body">
  9.         <div class="row justify-content-center">
  10.           {% for evenement in child.evenements %}
  11.           <div class="col-lg-8">
  12.             <div class="card">
  13.               <div class="row g-0 align-items-center">
  14.                 <div class="col-md-4">
  15.                   <img
  16.                     class="card-img img-fluid p-5"
  17.                     src="/front/images/event-icon.png"
  18.                     alt="Card image"
  19.                   />
  20.                 </div>
  21.                 <div class="col-md-8">
  22.                   <div class="card-body">
  23.                     {% if evenement.type.value == 'RELIGIEUX' %}
  24.                     <span class="badge bg-success font-size-12">
  25.                       {% trans %} RELIGIEUX {% endtrans %}
  26.                     </span>
  27.                     {% elseif evenement.type.value == 'NATIONAL' %}
  28.                     <span class="badge bg-info font-size-12">
  29.                       {% trans %} NATIONAL {% endtrans %}
  30.                     </span>
  31.                     {% elseif evenement.type.value == 'INTERNATIONAL' %}
  32.                     <span class="badge bg-secondary font-size-12">
  33.                       {% trans %} INTERNATIONAL {% endtrans %}
  34.                     </span>
  35.                     {% elseif evenement.type.value == 'ANNIVERSAIRE' %}
  36.                     <span class="badge bg-warning font-size-12">
  37.                       {% trans %} ANNIVERSAIRE {% endtrans %}
  38.                     </span>
  39.                     {% elseif evenement.type.value == 'SORTIE' %}
  40.                     <span class="badge bg-primary font-size-12">
  41.                       {% trans %} SORTIE {% endtrans %}
  42.                     </span>
  43.                     {% elseif evenement.type.value == 'AUTRE' %}
  44.                     <span class="badge bg-gray font-size-12">
  45.                       {% trans %} AUTRE {% endtrans %}
  46.                     </span>
  47.                     {% else %}
  48.                     <span class="badge bg-gray font-size-12"> - </span>
  49.                     {% endif %}
  50.                     <a
  51.                       href="{{
  52.                         path('app_evenement_show', { id: evenement.id })
  53.                       }}"
  54.                     >
  55.                       <h3 class="card-title font-size-20 my-2">
  56.                         {{ evenement.name }}
  57.                       </h3>
  58.                     </a>
  59.                     {% for tag in evenement.tags|split(',') %}
  60.                     <span class="badge badge-soft-info font-size-12">{{
  61.                       tag
  62.                     }}</span>
  63.                     {% endfor %}
  65.                     <p class="card-text mt-3">
  66.                       {{ evenement.description|slice(0, 150) ~ '...' }}
  67.                     </p>
  68.                     <p class="card-text">
  69.                       {{ evenement.date ? evenement.date|date('d-m-Y') : '' }}
  70.                     </p>
  71.                   </div>
  72.                 </div>
  73.               </div>
  74.             </div>
  75.           </div>
  76.           <!-- end col -->
  77.           {% endfor %}
  78.         </div>
  80.         {% if child.evenements|length == 0 %}
  81.         <div class="list-group list-group-flush">
  82.           <div
  83.             class="alert alert-transparent alert-dismissible fade show px-4 mb-0 text-center"
  84.             role="alert"
  85.           >
  86.             <img
  87.               src="/front/images/noevent.png"
  88.               width="250px"
  89.               class="img-fluid mb-4"
  90.             />
  91.             <h3 class="text-danger">
  92.               {% trans %} Pas d'événements {% endtrans %}
  93.             </h3>
  94.             <a href="{{ path('app_evenement_index') }}" class="text-info">
  95.               {% trans %}Créer un nouvel événement{% endtrans %}
  96.             </a>
  97.           </div>
  98.         </div>
  99.         {% endif %}
  100.       </div>
  101.     </div>
  102.   </div>
  103. </div>