private\formations\formation\Formation.twig line 1

  1.     <div class="container formation p-0">
  2.         <div class="header">
  3.             <a href="/formations">LISTE DE NOS FORMATIONS</a>
  4.             <img src="/images/dot_red.svg" width="10">
  5.             <a href="/formations_partenaires">FORMATIONS PARTENAIRES</a>
  6.             <img src="/images/dot_red.svg" width="10">
  7.             {% set isFirstIteration = true %}
  8.             {% for pagesFormation in pagesFormations %}
  9.                 {% if isFirstIteration == false %}
  10.                     <img src="/images/dot_red.svg" width="10">
  11.                 {% endif %}
  12.                 <a class="uppercase" href={% if pagesFormation.pages__lien_externe %} "{{ pagesFormation.pages__lien_externe }}" target="_blank" {% else %} "{{ pagesFormation.pages__url }}" {% endif %}>{{ pagesFormation.pages__name }}</a>
  13.                 {% set isFirstIteration = false %}
  14.             {% endfor %}
  15.         </div>
  16.     
  17.         <div class="position-relative">
  18.             <div class="textes-gauche"></div>
  19.             <div class="content row">
  20.                 <div class="left col col-12 col-lg-8">
  21.                     <div class="titre">
  22.                         <h1>{{formation.formations__intitule|raw}}</h1>
  23.                     </div>
  24.                     <div class="diaporama mb-4">
  25.                         {% for visuel in visuels %}
  26.                             <div class="position-relative">
  27.                                 {% if visuel.copyright %}
  28.                                     <div class="credit-photo">
  29.                                         <span class="text-light">© {{ visuel.copyright }}</span>
  30.                                     </div>
  31.                                 {% endif %}
  32.                                 {# si l'extension de l'image est un jpg, on ajoute une classe grayscale qui permet de la mettre en noir et blanc #}
  33.                                 {% if visuel.extension == 'jpg' %}
  34.                                     <div class="sub-img bgcover grayscale" style="background-image:url('{{visuel.url}}');"></div>
  35.                                 {% else %}
  36.                                     <div class="sub-img bgcover" style="background-image:url('{{visuel.url}}');"></div>
  37.                                 {% endif %}
  38.                             </div>
  39.                         {% endfor %}
  40.                     </div>
  41.                     {% if formation.formations__introduction %}
  42.                         <div class="dendreo">
  43.                             <div class="sous-titre">
  44.                                 <h2>Présentation</h2>
  45.                             </div>
  46.                             <div>
  47.                                 <span>
  48.                                     {{ formation.formations__introduction|raw }}
  49.                                 </span>
  50.                             </div>
  51.                         </div>
  52.                     {% endif %}
  53.                     {% if formation.formations__objectif_pedagogique %}
  54.                         <div class="sous-titre">
  55.                             <h2>Objectifs principaux</h2>
  56.                         </div>
  57.                         <div class="dendreo mb-3">
  58.                             <span>{{ formation.formations__objectif_pedagogique|raw }}</span>
  59.                         </div>
  60.                     {% endif %}
  62.                     {% include '/formations/formation/infos_pratiques.twig' %}
  64.                     <div class="sous-titre">
  65.                         <h2>Le programme de cette formation s'articule autour des modules de compétences suivants</h2>
  66.                     </div>
  67.                     <div class="dendreo">{{formation.formations__description|raw}}</div>
  69.                     <div class="mt-4">
  70.                         <p class="text-end audit fst-italic">site mis à jour le {{ formation.formations__date_edit|date("d-m-Y") }}</p>
  71.                     </div>
  73.                     <div class="infos accordion mb-4" id="accordionExample">
  74.                         <div class="accordion-item">
  75.                             <h2 class="accordion-header" id="headingOne">
  76.                                 <button class="public accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  77.                                     Public cible et pré-requis
  78.                                 </button>
  79.                             </h2>
  80.                             <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
  81.                                 <div class="accordion-body">
  82.                                     {% if formation.formations__public_vise or formation.formations__pre_requis %}
  83.                                         {% if formation.formations__public_vise %}
  84.                                             <div class="dendreo mb-4">
  85.                                                 <h3 class="accordion-subtitle"><b>Public cible :</b></h3>
  86.                                                 <span>{{formation.formations__public_vise|raw}}</span>
  87.                                             </div>
  88.                                         {% endif %}
  89.                                         {% if formation.formations__pre_requis %}
  90.                                             <div class="dendreo">
  91.                                                 <h3 class="accordion-subtitle"><b>Pré-requis :</b></h3>
  92.                                                 <span>{{formation.formations__pre_requis|raw}}</span>
  93.                                             </div>
  94.                                         {% endif %}
  95.                                     {% else %}
  96.                                         <span>Contactez-nous pour plus d'informations</span>
  97.                                     {% endif %}
  98.                                 </div>
  99.                             </div>
  100.                         </div>
  101.                         <div class="accordion-item">
  102.                             <h2 class="accordion-header" id="headingTwo">
  103.                                 <button class="modalites accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  104.                                     Modalités pédagogiques et évaluation
  105.                                 </button>
  106.                             </h2>
  107.                             <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
  108.                                 <div
  109.                                     class="accordion-body">
  110.                                     {% if formation.formations__modalites_pedagogiques or formation.formations__modalites_devaluation or formation.formations__moyens_supports_pedagogiques %}
  111.                                         {# modalité pédagogique #}
  112.                                         {% if formation.formations__modalites_pedagogiques %}
  113.                                             <div class="dendreo mb-4">
  114.                                                 <h3 class="accordion-subtitle"><b>Modalité pédagogique :</b></h3>
  115.                                                 <span>{{ formation.formations__modalites_pedagogiques|raw }}</span>
  116.                                             </div>
  117.                                         {% endif %}
  118.                                         {# modalité d'évolution et de suivi #}
  119.                                         {% if formation.formations__modalites_devaluation %}
  120.                                             <div class="dendreo mb-4">
  121.                                                 <h3 class="accordion-subtitle"><b>Modalité d'évaluation et de suivi :</b></h3>
  122.                                                 <span>{{ formation.formations__modalites_devaluation|raw }}</span>
  123.                                             </div>
  124.                                         {% endif %}
  125.                                         {# moyen support pédagogique #}
  126.                                         {% if formation.formations__moyens_supports_pedagogiques %}
  127.                                             <div class="dendreo">
  128.                                                 <h3 class="accordion-subtitle"><b>Moyens et supports pédagogiques :</b></h3>
  129.                                                 <span>{{ formation.formations__moyens_supports_pedagogiques|raw }}</span>
  130.                                             </div>
  131.                                         {% endif %}
  132.                                     {% else %}
  133.                                         <span>Contactez-nous pour plus d'informations</span>
  134.                                     {% endif %}
  135.                                 </div>
  136.                             </div>
  137.                         </div>
  138.                         <div class="accordion-item">
  139.                             <h2 class="accordion-header" id="headingThree">
  140.                                 <button class="modalites accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  141.                                     Modalités d'accès
  142.                                 </button>
  143.                             </h2>
  144.                             <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
  145.                                 <div
  146.                                     class="accordion-body">
  147.                                     {% if formation.formations__infos_admission or formation.formations__accessibilite %}
  148.                                         {# Information sur l'admission #}
  149.                                         {% if formation.formations__infos_admission %}
  150.                                             <div class="dendreo mb-4">
  151.                                                 <h3 class="accordion-subtitle"><b>Information sur l'admission :</b></h3>
  152.                                                 <span>{{ formation.formations__infos_admission|raw }}</span>
  153.                                             </div>
  154.                                         {% endif %}
  155.                                         {# Information sur l'accessibilité #}
  156.                                         {% if formation.formations__accessibilite %}
  157.                                             <div class="dendreo">
  158.                                                 <h3 class="accordion-subtitle"><b>Information sur l'accessibilité :</b></h3>
  159.                                                 <span>{{ formation.formations__accessibilite|raw }}</span>
  160.                                             </div>
  161.                                         {% endif %}
  162.                                     {% else %}
  163.                                         <span>Contactez-nous pour plus d'informations</span>
  164.                                     {% endif %}
  165.                                 </div>
  166.                             </div>
  167.                         </div>
  168.                         <div class="accordion-item">
  169.                             <h2 class="accordion-header" id="heading4">
  170.                                 <button class="intervenantes accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
  171.                                     Intervenant·es
  172.                                 </button>
  173.                             </h2>
  174.                             <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordionExample">
  175.                                 <div class="accordion-body">
  176.                                     {% if formation.formations__profil_formateurs %}
  177.                                         <div class="dendreo">
  178.                                             {{formation.formations__profil_formateurs|raw}}                                    
  179.                                         </div>
  180.                                     {% else %}
  181.                                         <span>Contactez-nous pour plus d'informations</span>
  182.                                     {% endif %}
  183.                                 </div>
  184.                             </div>
  185.                         </div>
  187.                         <div class="accordion-item">
  188.                             <h2 class="accordion-header" id="heading5">
  189.                                 <button class="tarifs accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
  190.                                     Tarifs
  191.                                 </button>
  192.                             </h2>
  193.                             <div
  194.                                 id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordionExample">
  195.                                 {# {{formation.formations__id_externe|raw}} #}
  196.                                 <div class="accordion-body">
  197.                                     {% if formation.formations__tarif %}
  198.                                         <span><b>{{ formation.formations__tarif|raw }} € (HT)</b></span>
  199.                                         <br>
  200.                                         <br>
  201.                                     {% endif %}
  202.                                     <span>Si vous êtes salarié·e (y compris intermittent·e du spectacle), votre organisme de financement de la formation professionnelle (AFDAS, UNIFORMATION, etc.) peut prendre en charge le coût global à travers différents programmes (Plan de Formation de l’Entreprise, Plan de Formation des Intermittents, etc.).
  203.                                     Consultez notre page « Financer sa formation » pour plus d’informations : <a class="text-primary text-decoration-underline" href="https://illusion-macadam.coop/formation/financersaformation">https://illusion-macadam.coop/formation/financersaformation</a>
  204.                                     . Les dispositifs sont nombreux et complexes. Contactez-nous afin que l’on étudie votre situation particulière et que l’on vous indique les démarches à effectuer.</span>
  205.                                 </div>
  206.                             </div>
  207.                         </div>
  208.                     </div>
  209.                 </div>
  211.                 <div class="right col col-12 col-lg-4 mt-0 mt-lg-0 mt-xl-0 mt-xxl-0">
  212.                     <div id="right_side">
  213.                         {% include '/formations/formation/infos_pratiques.twig' %}
  215.                         {% if logos %}
  216.                             <div class="autres titre mb-3">Partenaires</div>
  217.                             <div id="logo-container" class="d-flex flex-wrap justify-content-center gap-2 mb-4 mb-lg-0">
  218.                                 {% for logo in logos %}
  219.                                     <div class="logo-img bgcontain" style='background-image:url("{{ logo.url }}")'></div>
  220.                                 {% endfor %}
  221.                             </div>
  222.                         {% endif %}
  224.                         {% if formation.formations__moyenne_satisfaction %}
  225.                             <div class="autres titre mb-2">Taux de satisfaction</div>
  226.                             <div class="container mt-2 mb-4 mb-lg-0">
  227.                                 <div class="row row-cols-2">
  228.                                     {% for stat in stats %}
  229.                                         <div class="col satisfaction pt-4">
  230.                                             <div class="titre">{{ stat[0] }} %</div>
  231.                                             <span>{{ stat[1] }}</span>
  232.                                         </div>
  233.                                     {% endfor %}
  234.                                 </div>
  235.                             </div>
  236.                         {% endif %}
  237.                         
  238.                         <div class="autres titre mb-4">Découvrez aussi</div>
  239.                         {% if randomFormation.formations__url %}
  240.                             <a href="/formations/{{ randomFormation.formations__url }}">
  241.                         {% else %}
  242.                             <a href="/formations/detail?id={{ randomFormation.formations__id_action_de_formation }}">
  243.                         {% endif %}
  244.                             <div class=" icard forma bgcover">
  245.                                 <div class="titre">{{randomFormation.formations__intitule}}</div>
  246.                                     {% set backgrounds = [
  247.                                         { 'image': '/images/crete_bleue.svg', 'color': 'bleu' },
  248.                                         { 'image': '/images/fleur_jaune.svg', 'color': 'jaune' },
  249.                                         { 'image': '/images/etoile_violette.svg', 'color': 'violet' },
  250.                                         { 'image': '/images/pois_gris.svg', 'color': 'gris' },
  251.                                     ] %}
  252.                                     {% set randomBackground = random(backgrounds)  %}
  253.                                     {% set image = randomBackground.image %}
  254.                                     {% set color = randomBackground.color %}
  255.                                     <div class="visuel bgcover {{ color }}" style="background-image: url('{{ image }}')"></div>
  256.                             </div>
  257.                         </a>
  258.                     </div>
  259.                 </div>
  260.             </div>
  261.         </div>