templates/templates/formation.html.twig line 1

Open in your IDE?
  1. {% extends "master.html.twig" %}
  2. {% block meta %}
  3.     {% include "@SuluWebsite/Extension/seo.html.twig" with {
  4.         "seo": extension.seo|default([]),
  5.         "content": content|default([]),
  6.         "urls": urls|default([]),
  7.         "shadowBaseLocale": shadowBaseLocale|default(),
  8.         "defaultLocale": request.defaultLocale|default('de')
  9.     } %}
  10. {% endblock %}
  11. {% block typePage %}Formations
  12. {% endblock %}
  13. {% block style %}
  14.     <link href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css" rel="stylesheet">
  15.     <link rel="stylesheet" href="{{ asset("build/website/css/formation.css") }}">
  16. {% endblock %}
  17. {% block bgImages %}
  18.     {{  content.images is not empty ? content.images[0].url }}
  19. {% endblock %}
  20. {% block ogImages %}
  21.     {{  content.images is not empty ? content.images[0].url }}
  22. {% endblock %}
  23. {% block content %}
  24.     <div class="container-presentation">
  25.         <div class="header-tab">
  26.             {% if content.presentation_video is not empty %}
  27.                 <iframe src="{{ content.presentation_video }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  28.             {% endif %}
  29.             <div class="tab-onglet">
  30.                 <div class="tab-item active">Présentation</div>
  31.                 <div class="tab-onglet-content mobile">
  32.                     <div></div>
  33.                 </div>
  34.                 <div class="tab-item">Modalités</div>
  35.                 <div class="tab-onglet-content mobile">
  36.                     <div></div>
  37.                 </div>
  38.                 <div class="tab-item">Programme</div>
  39.                 <div class="tab-onglet-content mobile">
  40.                     <div></div>
  41.                 </div>
  42.                 <div class="tab-item">Débouchés</div>
  43.                 <div class="tab-onglet-content mobile">
  44.                     <div></div>
  45.                 </div>
  46.                 <div class="tab-item">Admissions</div>
  47.                 <div class="tab-onglet-content mobile">
  48.                     <div></div>
  49.                 </div>
  50.                 {% if content.block_faq is not empty %}
  51.                     <div class="tab-item">FAQ</div>
  52.                     <div class="tab-onglet-content mobile">
  53.                         <div></div>
  54.                     </div>
  55.                 {% endif %}
  56.             </div>
  57.         </div>
  58.         <div class="tab-onglet-content desktop">
  59.             <div class="active">
  60.                 <div class="content">
  61.                     <div class="presentation editor-text" property="presentation_description">{{ content.presentation_description|raw }}</div>
  62.                 </div>
  63.                 <div class="button text-large fixed-width mb-4">
  64.                     {% for img in content.fiche_formation %}
  65.                         <button class="btn btn-light-grey">
  66.                             <a href="{{ img.url }}">Télécharger la fiche</a>
  67.                         </button>
  68.                     {% endfor %}
  69.                 </div>
  70.                 {% if content.presentation_goal is not empty %}
  71.                     <div class="background-grey">
  72.                         <div class="content">
  73.                             <div class="editor-text" property="objectif">{{ content.presentation_goal|raw }}</div>
  74.                         </div>
  75.                     </div>
  76.                 {% endif %}
  77.                 {% if content.block_result is not empty %}
  78.                     <div class="content">
  79.                         <div class="result tab">
  80.                             <h3>
  81.                                 {% if content.result_block_title == "" %}Résultats
  82.                                 {% else %}
  83.                                     {{content.result_block_title}}
  84.                                 {% endif %}
  85.                             </h3>
  86.                             {% for result in content.block_result %}
  87.                                 <div class="editor-text" property="result_title">
  88.                                     <p>{{ result.infos_result|raw }}</p>
  89.                                 </div>
  90.                             {% endfor %}
  91.                         </div>
  92.                     </div>
  93.                 {% endif %}
  94.                 {{ content.hubspot_form|raw }}
  95.                 <div class="formation-buttons">
  96.                     <button class="btn btn-light-white">
  97.                         <a href="/telechargez-notre-brochure">Télécharger la brochure</a>
  98.                     </button>
  99.                     <button class="btn btn-light-white">
  100.                         <a href="https://candidature.h3campus.fr" target="_blank">S'INSCRIRE A CETTE FORMATION
  101.                         </a>
  102.                     </button>
  103.                 </div>
  104.                 {# {% if content.teaser_testimonials is not empty %}
  105.                                                                                                                                                                     <div class="background-grey">
  106.                                                                                                                                                                         <div class="content">
  107.                                                                                                                                                                             <div class="testimonials tab">
  108.                                                                                                                                                                                 <h3>{% if content.testimonials_block_title == "" %}Les Témoignages{% else %}{{content.testimonials_block_title}}{% endif %}</h3>
  109.                                                                                                                                                                                 <div class="teaser_testimonials tab-content" property="teaser_testimonials">
  110.                                                                                                                                                                                     {% for testi in content.teaser_testimonials %}
  111.                                                                                                                                                                                         <div class="card-testi">
  112.                                                                                                                                                                                             {% for img in testi.media %}
  113.                                                                                                                                                                                                 <div class="testi-img lazy" data-src="{{ img.url }}"></div>
  114.                                                                                                                                                                                             {% endfor %}
  115.                                                                                                                                                                                             <h4>{{ testi.title }}</h4>
  116.                                                                                                                                                                                             <div>{{ testi.description|raw}}</div>
  117.                                                                                                                                                                                         </div>
  118.                                                                                                                                                                                     {% endfor %}
  119.                                                                                                                                                                                 </div>
  120.                                                                                                                                                                             </div>
  121.                                                                                                                                                                         </div>
  122.                                                                                                                                                                     </div>
  123.                                                                                                                                                                     <div class="content">
  124.                                                                                                                                                                         <button class="btn btn-orange">
  125.                                                                                                                                                                             <a href="https://xrm.eudonet.com/specif/EUDO_06174/Xtranet/Etape1.aspx?param=8">S'inscrire</a>
  126.                                                                                                                                                                         </button>
  127.                                                                                                                                                                     </div>
  128.                                                                                                                                                                 {% endif %} #}
  129.             </div>
  130.             <div>
  131.                 {% if content.modality_partone is not empty %}
  132.                     <div class="content">
  133.                         <div class="editor-text" property="modality">{{ content.modality_partone|raw }}</div>
  134.                     </div>
  135.                 {% endif %}
  136.                 {% if content.modality_parttwo is not empty %}
  137.                     <div class="background-grey">
  138.                         <div class="content">
  139.                             <div class="editor-text" property="modality">{{ content.modality_parttwo|raw }}</div>
  140.                         </div>
  141.                     </div>
  142.                 {% endif %}
  143.                 {{ content.hubspot_form|raw }}
  144.                 <div class="formation-buttons">
  145.                     <button class="btn btn-light-white">
  146.                         <a href="/telechargez-notre-brochure">Télécharger la brochure</a>
  147.                     </button>
  148.                     <button class="btn btn-light-white">
  149.                         <a href="https://candidature.h3campus.fr" target="_blank">S'INSCRIRE A CETTE FORMATION
  150.                         </a>
  151.                     </button>
  152.                 </div>
  153.             </div>
  154.             <div>
  155.                 <div class="content">
  156.                     <div class="programme">
  157.                         <div class="editor-text" property="programme_partone">{{ content.programme_partone|raw }}</div>
  158.                         {% if content.programme_parttwo is not empty %}
  159.                             <div class="editor-text" property="programme_parttwo">{{ content.programme_parttwo|raw }}</div>
  160.                         {% endif %}
  161.                     </div>
  162.                 </div>
  163.                 {% if content.block_obligatoire is not empty or content.block_facultative is not empty or content.epreuves_text is not empty %}
  164.                     <div class="content">
  165.                         <div class="examen">
  166.                             <h3>
  167.                                 {% if content.examen_block_title == "" %}Examen
  168.                                 {% else %}
  169.                                     {{content.examen_block_title}}
  170.                                 {% endif %}
  171.                             </h3>
  172.                             <div class="table">
  173.                                 {% if content.block_obligatoire is not empty %}
  174.                                     <div class="tr th">
  175.                                         <p class="title">Epreuves à l'examen</p>
  176.                                         <p>Coeff</p>
  177.                                         <p>Forme</p>
  178.                                     </div>
  179.                                     <div class="tr hr">
  180.                                         <p class="title">Epreuves obligatoires</p>
  181.                                     </div>
  182.                                     {% for obli in content.block_obligatoire %}
  183.                                         <div class="tr" style="background-image: url({{obli.epreuves_oblig_img[0] is defined ? obli.epreuves_oblig_img[0].url : ''}})">
  184.                                             <p property="epreuves_oblig_title" class="title">{{ obli.epreuves_oblig_title }}</p>
  185.                                             <p property="epreuves_oblig_coeff" data-title="Coefficient : ">{{ obli.epreuves_oblig_coeff }}</p>
  186.                                             <p property="epreuves_oblig_forme" data-title="Format : ">{{ obli.epreuves_oblig_forme }}</p>
  187.                                         </div>
  188.                                     {% endfor %}
  189.                                 {% endif %}
  190.                                 {% if content.block_facultative is not empty %}
  191.                                     <div class="tr hr">
  192.                                         <p class="title">Epreuves facultatives</p>
  193.                                     </div>
  194.                                     {% for falcu in content.block_facultative %}
  195.                                         <div class="tr" style="background-image: url({{falcu.epreuves_facul_img[0] is defined ? falcu.epreuves_facul_img[0].url : ''}})">
  196.                                             <p property="epreuves_facul_title" class="title">{{ falcu.epreuves_facul_title }}</p>
  197.                                             <p property="epreuves_facul_coeff" data-title="Coefficient : ">{{ falcu.epreuves_facul_coeff }}</p>
  198.                                             <p property="epreuves_facul_forme" data-title="Format : ">{{ falcu.epreuves_facul_forme }}</p>
  199.                                         </div>
  200.                                     {% endfor %}
  201.                                 {% endif %}
  202.                             </div>
  203.                             {% if content.epreuves_text is not empty %}
  204.                                 <div class="editor-text">
  205.                                     <p>{{ content.epreuves_text|raw }}</p>
  206.                                 </div>
  207.                             {% endif %}
  208.                         </div>
  209.                     </div>
  210.                 {% endif %}
  211.                 {{ content.hubspot_form|raw }}
  212.                 <div class="formation-buttons">
  213.                     <button class="btn btn-light-white">
  214.                         <a href="/telechargez-notre-brochure">Télécharger la brochure</a>
  215.                     </button>
  216.                     <button class="btn btn-light-white">
  217.                         <a href="https://candidature.h3campus.fr" target="_blank">S'INSCRIRE A CETTE FORMATION
  218.                         </a>
  219.                     </button>
  220.                 </div>
  221.             </div>
  222.             <div>
  223.                 {% if content.block_debouche is not empty or content.block_etude is not empty %}
  224.                     <div class="content">
  225.                         {% if content.block_etude is not empty %}
  226.                             <div class="etude">
  227.                                 <h2>{{content.etude_block_title}}</h2>
  228.                                 <h3>{{content.etude_block_subtitle}}</h3>
  229.                                 {% for etude in content.block_etude %}
  230.                                     <div class="editor-text" property="etude_title">{{ etude.infos_etude|raw }}</div>
  231.                                 {% endfor %}
  232.                             </div>
  233.                         {% endif %}
  234.                     </div>
  235.                     <div class="metier">
  236.                         {% if content.block_debouche is not empty %}
  237.                             <div class="metier">
  238.                                 <div class="content">
  239.                                     <h2>{{content.debouche_block_title}}</h2>
  240.                                     <h3>Métiers préparés</h3>
  241.                                 </div>
  242.                                 {% for debouche in content.block_debouche %}
  243.                                     <div class="background">
  244.                                         <div class="content">
  245.                                             <h4>{{ debouche.title_metier }}</h4>
  246.                                             <div>{{ debouche.infos_metier|raw }}</div>
  247.                                             {% if debouche.more_infos_metier %}
  248.                                                 <button class="btn btn-primary">
  249.                                                     <a href="{{ sulu_content_path(debouche.more_infos_metier[0].url) }}">En savoir plus</a>
  250.                                                 </button>
  251.                                             {% endif %}
  252.                                         </div>
  253.                                     </div>
  254.                                 {% endfor %}
  255.                             </div>
  256.                         {% endif %}
  257.                     </div>
  258.                 {% endif %}
  259.                 {{ content.hubspot_form|raw }}
  260.                 <div class="formation-buttons">
  261.                     <button class="btn btn-light-white">
  262.                         <a href="/telechargez-notre-brochure">Télécharger la brochure</a>
  263.                     </button>
  264.                     <button class="btn btn-light-white">
  265.                         <a href="https://candidature.h3campus.fr" target="_blank">S'INSCRIRE A CETTE FORMATION
  266.                         </a>
  267.                     </button>
  268.                 </div>
  269.             </div>
  270.             <div>
  271.                 {% if content.admission_requirements is not empty %}
  272.                     <div class="content">
  273.                         <div class="editor-text " property="modality">{{ content.admission_requirements|raw }}</div>
  274.                     </div>
  275.                 {% endif %}
  276.                 {% if content.admission_registration is not empty %}
  277.                     <div class="background-grey">
  278.                         <div class="content">
  279.                             <div class="editor-text " property="modality">{{ content.admission_registration|raw }}</div>
  280.                         </div>
  281.                     </div>
  282.                 {% endif %}
  283.                 {% if content.admission_questions is not empty %}
  284.                     <div class="content">
  285.                         <div class="editor-text " property="modality">{{ content.admission_questions|raw }}</div>
  286.                     </div>
  287.                 {% endif %}
  288.                 {{ content.hubspot_form|raw }}
  289.                 
  290.                 <div class="formation-buttons">
  291.                     <button class="btn btn-light-white">
  292.                         <a href="/telechargez-notre-brochure">Télécharger la brochure</a>
  293.                     </button>
  294.                     <button class="btn btn-light-white">
  295.                         <a href="https://candidature.h3campus.fr" target="_blank">S'INSCRIRE A CETTE FORMATION
  296.                         </a>
  297.                     </button>
  298.                 </div>
  299.             </div>
  300.             <div>
  301.                 {% if content.block_faq is not empty %}
  302.                     <div class="content">
  303.                         {% if content.faq_block_title is not empty %}
  304.                             <div class="faqTitle">
  305.                                 <h2>{{content.faq_block_title}}</h2>
  306.                             </div>
  307.                         {% endif %}
  308.                     </div>
  309.                     <div class="faq">
  310.                         {% for faq in content.block_faq %}
  311.                             <div class="faqBloc">
  312.                                 <div class="content">
  313.                                     <h4>{{ faq.title_question }}</h4>
  314.                                     <div>{{ faq.content_answer|raw }}</div>
  315.                                     {% if faq.button_question %}
  316.                                         <button class="btn btn-primary">
  317.                                             <a href="{{ sulu_content_path(faq.button_question[0].url) }}">En savoir plus</a>
  318.                                         </button>
  319.                                     {% endif %}
  320.                                 </div>
  321.                             </div>
  322.                         {% endfor %}
  323.                     </div>
  324.                 {% endif %}
  325.             </div>
  326.         </div>
  327.         <div class="others-formation-title">
  328.             <h3>Découvrir d'autres formations</h3>
  329.         </div>
  330.         <section class="others-formation splide" aria-label="Autres formations">
  331.             <div class="splide__track">
  332.                 <div class="splide__list">
  333.                     {% for formation in content.presentation_teaser_formations %}
  334.                         <div class="card-formation splide__slide">
  335.                             <a class="img-formation" href="{{ sulu_content_path(formation.url) }}">
  336.                                 {% if formation.mediaId %}
  337.                                     {% set media = sulu_resolve_media(formation.mediaId, 'fr') %}
  338.                                     <div class="lazy" data-src="{{ media.url }}"></div>
  339.                                 {% endif %}
  340.                                 <h3>{{ formation.title }}</h3>
  341.                             </a>
  342.                             <div property="article">
  343.                                 {{ formation.description|raw }}
  344.                             </div>
  345.                             <button aria-label="more" class="btn">
  346.                                 <a href="{{ sulu_content_path(formation.url) }}">En savoir plus</a>
  347.                             </button>
  348.                         </div>
  349.                     {% endfor %}
  350.                 </div>
  351.             </div>
  352.         </section>
  353.     </div>
  354.     {% set items = [] %}
  355.     {% for event in content.events_teaser %}
  356.         {% if event.startdate is defined %}
  357.             {% set items = items|merge([event]) %}
  358.         {% endif %}
  359.     {% endfor %}
  360.     {% if content.show_agenda is defined %}
  361.         {% if content.show_agenda == "oui" %}
  362.             {% set showAgenda = true %}
  363.         {% else %}
  364.             {% set showAgenda = false %}
  365.         {% endif %}
  366.     {% else %}
  367.         {% set showAgenda = true %}
  368.     {% endif %}
  369.     <div class="content-actu sidebar">
  370.         <div class="title">
  371.             <h3>Actualités</h3>
  372.         </div>
  373.         <div class="teaser_actus">
  374.             {% if content.teaser_actus|length > 0 %}
  375.                 {% for article in content.teaser_actus %}
  376.                     <article>
  377.                         <a class="img-actu" href="{{ sulu_content_path(article.url) }}">
  378.                             {% if article.mediaId %}
  379.                                 {% set mediaActu = sulu_resolve_media(article.mediaId, 'fr') %}
  380.                                 <div class="image lazy" data-src="{{ mediaActu.url }}"></div>
  381.                             {% endif %}
  382.                         </a>
  383.                         <div>
  384.                             <h3>
  385.                                 <a href="{{ sulu_content_path(article.url) }}">{{ article.title }}</a>
  386.                             </h3>
  387.                             <button aria-label="more" class="btn btn-light">
  388.                                 <a href="{{ sulu_content_path(article.url) }}">En savoir plus</a>
  389.                             </button>
  390.                         </div>
  391.                     </article>
  392.                 {% endfor %}
  393.             {% else %}
  394.                 {% set lastArticles = sulu_article_load_recent(3) %}
  395.                 {% for article in lastArticles %}
  396.                     <article>
  397.                         <a class="img-actu" href="{{ sulu_content_path(article.content.content.routePath) }}">
  398.                             {% if article.content.content.banner %}
  399.                                 <div class="image lazy" data-src="{{ article.content.content.banner[0].formats['400x'] }}"></div>
  400.                             {% endif %}
  401.                         </a>
  402.                         <div>
  403.                             <h3>
  404.                                 <a href="{{ sulu_content_path(article.content.content.routePath) }}">{{ article.title }}</a>
  405.                             </h3>
  406.                             <button aria-label="more" class="btn btn-light">
  407.                                 <a href="{{ sulu_content_path(article.content.content.routePath) }}">En savoir plus</a>
  408.                             </button>
  409.                         </div>
  410.                     </article>
  411.                 {% endfor %}
  412.             {% endif %}
  413.         </div>
  414.     </div>
  415. {% endblock %}
  416. {% block javascripts %}
  417.     <script>
  418.         window.breadcrumbMap = {
  419. 'json-ld-breadcrumb': 'JSON-LD Breadcrumb'
  420. }
  421.     </script>
  422.     <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script>
  423.     <script src="{{ absolute_url(asset("build/website/js/formation.js")) }}"></script>
  424.     <!-- Hotjar Tracking Code for Site 4967026 (name missing) -->
  425.     <script>
  426.         (function (h, o, t, j, a, r) {
  427. h.hj = h.hj || function () {
  428. (h.hj.q = h.hj.q || []).push(arguments)
  429. };
  430. h._hjSettings = {
  431. hjid: 4967026,
  432. hjsv: 6
  433. };
  434. a = o.getElementsByTagName('head')[0];
  435. r = o.createElement('script');
  436. r.async = 1;
  437. r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
  438. a.appendChild(r);
  439. })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
  440.     </script>
  441. {% endblock %}