private\formations\PageLeft.twig line 1

  1. <div class="leftsearch">{% include '/formations/search.twig' %}</div>
  3. <div class="titre mt-2">
  4.     <h1>
  5.         <b>Découvrez notre catalogue de formations</b>
  6.     </h1>
  7. </div>
  8. <div class="left col col-12 col-lg-8">
  10.     <div class="grid">
  11.         <div class="grid-sizer"></div>
  12.         <div class="gutter-sizer"></div>
  13.         {% for formation in formations %}
  14.             {% if formation.formations__url %}
  15.                 <a href="/formations/{{ formation.formations__url }}">        
  16.             {% else %}
  17.                 <a href="/formations/detail?id={{ formation.formations__id_action_de_formation }}">
  18.             {% endif %}
  19.                 <div class="icard {{ formation.formations__rubrique }} bgcover">
  20.                     {% if formation.formations__rubrique is not empty %}
  21.                         {% for item in formation.rubrique_formatee %}
  22.                             {% for tag in tagsList  %}
  23.                                 {% if item == tag.tags__num %}
  24.                                     <div class="bouton">{{ tag.tags__intitule|raw }}</div>
  25.                                 {% endif %}
  26.                             {% endfor %}
  27.                         {% endfor %}
  28.                     {% endif %}
  29.                     <div class="text-container">
  30.                         {% if formation.formations__intitule %}
  31.                             <div class="titre">{{ formation.formations__intitule|raw }}</div>
  32.                         {% endif %}
  33.                         {% if formation.formations__diffusion == 1 and formation.formations__date_fin|date('Y/m/d') < 'NOW'|date('Y/m/d') %}
  34.                             <div class="date-subtitle">
  35.                                 <p>
  36.                                     Formation à venir
  37.                                 </p>
  38.                             </div>
  39.                         {% else %}
  40.                             <div class="date-subtitle">
  41.                                 <p>
  42.                                     {{ formation.formations__date_debut|date('d/m/Y') }} - {{ formation.formations__date_fin|date('d/m/Y')}}
  43.                                 </p>
  44.                             </div>
  45.                         {% endif %}
  46.                     </div>
  47.                     {% if formation.formations__visuel is not empty %}
  48.                         <div class="photo bgcover" style="background-image: url('{{ formation.formations__visuel }}')"></div>
  49.                     {% else %}
  50.                         {% set backgrounds = [
  51.                             'images/crete_bleue.svg',
  52.                             'images/fleur_jaune.svg',
  53.                             'images/etoile_violette.svg',
  54.                             'images/pois_gris.svg',
  55.                         ] %}
  56.                         {% set index = loop.index0 % backgrounds|length %}
  57.                         {% set color_classes = ['bleu', 'jaune','violet',  'gris'] %}
  58.                         <div class="visuel bgcover {{ color_classes[index % color_classes|length] }}" style="background-image: url('{{ backgrounds[index % backgrounds|length] }}')"></div>
  59.                     {% endif %}
  60.                 </div>
  61.             </a>
  62.         {% endfor %}
  63.     </div>
  64. </div>