{% extends "master.html.twig" %}
{% block meta %}
{% include "@SuluWebsite/Extension/seo.html.twig" with {
"seo": extension.seo|default([]),
"content": content|default([]),
"urls": urls|default([]),
"shadowBaseLocale": shadowBaseLocale|default(),
"defaultLocale": request.defaultLocale|default('de')
} %}
{% endblock %}
{% block typePage %}Formations
{% endblock %}
{% block style %}
<link href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css" rel="stylesheet">
<link rel="stylesheet" href="{{ asset("build/website/css/formation.css") }}">
{% endblock %}
{% block bgImages %}
{{ content.images is not empty ? content.images[0].url }}
{% endblock %}
{% block ogImages %}
{{ content.images is not empty ? content.images[0].url }}
{% endblock %}
{% block content %}
<div class="container-presentation">
<div class="header-tab">
{% if content.presentation_video is not empty %}
<iframe src="{{ content.presentation_video }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
{% endif %}
<div class="tab-onglet">
<div class="tab-item active">Présentation</div>
<div class="tab-onglet-content mobile">
<div></div>
</div>
<div class="tab-item">Modalités</div>
<div class="tab-onglet-content mobile">
<div></div>
</div>
<div class="tab-item">Programme</div>
<div class="tab-onglet-content mobile">
<div></div>
</div>
<div class="tab-item">Débouchés</div>
<div class="tab-onglet-content mobile">
<div></div>
</div>
<div class="tab-item">Admissions</div>
<div class="tab-onglet-content mobile">
<div></div>
</div>
{% if content.block_faq is not empty %}
<div class="tab-item">FAQ</div>
<div class="tab-onglet-content mobile">
<div></div>
</div>
{% endif %}
</div>
</div>
<div class="tab-onglet-content desktop">
<div class="active">
<div class="content">
<div class="presentation editor-text" property="presentation_description">{{ content.presentation_description|raw }}</div>
</div>
<div class="button text-large fixed-width mb-4">
{% for img in content.fiche_formation %}
<button class="btn btn-light-grey">
<a href="{{ img.url }}">Télécharger la fiche</a>
</button>
{% endfor %}
</div>
{% if content.presentation_goal is not empty %}
<div class="background-grey">
<div class="content">
<div class="editor-text" property="objectif">{{ content.presentation_goal|raw }}</div>
</div>
</div>
{% endif %}
{% if content.block_result is not empty %}
<div class="content">
<div class="result tab">
<h3>
{% if content.result_block_title == "" %}Résultats
{% else %}
{{content.result_block_title}}
{% endif %}
</h3>
{% for result in content.block_result %}
<div class="editor-text" property="result_title">
<p>{{ result.infos_result|raw }}</p>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{{ content.hubspot_form|raw }}
<div class="formation-buttons">
<button class="btn btn-light-white">
<a href="/telechargez-notre-brochure">Télécharger la brochure</a>
</button>
<button class="btn btn-light-white">
<a href="https://candidature.h3campus.fr" target="_blank">S'INSCRIRE A CETTE FORMATION
</a>
</button>
</div>
{# {% if content.teaser_testimonials is not empty %}
<div class="background-grey">
<div class="content">
<div class="testimonials tab">
<h3>{% if content.testimonials_block_title == "" %}Les Témoignages{% else %}{{content.testimonials_block_title}}{% endif %}</h3>
<div class="teaser_testimonials tab-content" property="teaser_testimonials">
{% for testi in content.teaser_testimonials %}
<div class="card-testi">
{% for img in testi.media %}
<div class="testi-img lazy" data-src="{{ img.url }}"></div>
{% endfor %}
<h4>{{ testi.title }}</h4>
<div>{{ testi.description|raw}}</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="content">
<button class="btn btn-orange">
<a href="https://xrm.eudonet.com/specif/EUDO_06174/Xtranet/Etape1.aspx?param=8">S'inscrire</a>
</button>
</div>
{% endif %} #}
</div>
<div>
{% if content.modality_partone is not empty %}
<div class="content">
<div class="editor-text" property="modality">{{ content.modality_partone|raw }}</div>
</div>
{% endif %}
{% if content.modality_parttwo is not empty %}
<div class="background-grey">
<div class="content">
<div class="editor-text" property="modality">{{ content.modality_parttwo|raw }}</div>
</div>
</div>
{% endif %}
{{ content.hubspot_form|raw }}
<div class="formation-buttons">
<button class="btn btn-light-white">
<a href="/telechargez-notre-brochure">Télécharger la brochure</a>
</button>
<button class="btn btn-light-white">
<a href="https://candidature.h3campus.fr" target="_blank">S'INSCRIRE A CETTE FORMATION
</a>
</button>
</div>
</div>
<div>
<div class="content">
<div class="programme">
<div class="editor-text" property="programme_partone">{{ content.programme_partone|raw }}</div>
{% if content.programme_parttwo is not empty %}
<div class="editor-text" property="programme_parttwo">{{ content.programme_parttwo|raw }}</div>
{% endif %}
</div>
</div>
{% if content.block_obligatoire is not empty or content.block_facultative is not empty or content.epreuves_text is not empty %}
<div class="content">
<div class="examen">
<h3>
{% if content.examen_block_title == "" %}Examen
{% else %}
{{content.examen_block_title}}
{% endif %}
</h3>
<div class="table">
{% if content.block_obligatoire is not empty %}
<div class="tr th">
<p class="title">Epreuves à l'examen</p>
<p>Coeff</p>
<p>Forme</p>
</div>
<div class="tr hr">
<p class="title">Epreuves obligatoires</p>
</div>
{% for obli in content.block_obligatoire %}
<div class="tr" style="background-image: url({{obli.epreuves_oblig_img[0] is defined ? obli.epreuves_oblig_img[0].url : ''}})">
<p property="epreuves_oblig_title" class="title">{{ obli.epreuves_oblig_title }}</p>
<p property="epreuves_oblig_coeff" data-title="Coefficient : ">{{ obli.epreuves_oblig_coeff }}</p>
<p property="epreuves_oblig_forme" data-title="Format : ">{{ obli.epreuves_oblig_forme }}</p>
</div>
{% endfor %}
{% endif %}
{% if content.block_facultative is not empty %}
<div class="tr hr">
<p class="title">Epreuves facultatives</p>
</div>
{% for falcu in content.block_facultative %}
<div class="tr" style="background-image: url({{falcu.epreuves_facul_img[0] is defined ? falcu.epreuves_facul_img[0].url : ''}})">
<p property="epreuves_facul_title" class="title">{{ falcu.epreuves_facul_title }}</p>
<p property="epreuves_facul_coeff" data-title="Coefficient : ">{{ falcu.epreuves_facul_coeff }}</p>
<p property="epreuves_facul_forme" data-title="Format : ">{{ falcu.epreuves_facul_forme }}</p>
</div>
{% endfor %}
{% endif %}
</div>
{% if content.epreuves_text is not empty %}
<div class="editor-text">
<p>{{ content.epreuves_text|raw }}</p>
</div>
{% endif %}
</div>
</div>
{% endif %}
{{ content.hubspot_form|raw }}
<div class="formation-buttons">
<button class="btn btn-light-white">
<a href="/telechargez-notre-brochure">Télécharger la brochure</a>
</button>
<button class="btn btn-light-white">
<a href="https://candidature.h3campus.fr" target="_blank">S'INSCRIRE A CETTE FORMATION
</a>
</button>
</div>
</div>
<div>
{% if content.block_debouche is not empty or content.block_etude is not empty %}
<div class="content">
{% if content.block_etude is not empty %}
<div class="etude">
<h2>{{content.etude_block_title}}</h2>
<h3>{{content.etude_block_subtitle}}</h3>
{% for etude in content.block_etude %}
<div class="editor-text" property="etude_title">{{ etude.infos_etude|raw }}</div>
{% endfor %}
</div>
{% endif %}
</div>
<div class="metier">
{% if content.block_debouche is not empty %}
<div class="metier">
<div class="content">
<h2>{{content.debouche_block_title}}</h2>
<h3>Métiers préparés</h3>
</div>
{% for debouche in content.block_debouche %}
<div class="background">
<div class="content">
<h4>{{ debouche.title_metier }}</h4>
<div>{{ debouche.infos_metier|raw }}</div>
{% if debouche.more_infos_metier %}
<button class="btn btn-primary">
<a href="{{ sulu_content_path(debouche.more_infos_metier[0].url) }}">En savoir plus</a>
</button>
{% endif %}
</div>
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
{{ content.hubspot_form|raw }}
<div class="formation-buttons">
<button class="btn btn-light-white">
<a href="/telechargez-notre-brochure">Télécharger la brochure</a>
</button>
<button class="btn btn-light-white">
<a href="https://candidature.h3campus.fr" target="_blank">S'INSCRIRE A CETTE FORMATION
</a>
</button>
</div>
</div>
<div>
{% if content.admission_requirements is not empty %}
<div class="content">
<div class="editor-text " property="modality">{{ content.admission_requirements|raw }}</div>
</div>
{% endif %}
{% if content.admission_registration is not empty %}
<div class="background-grey">
<div class="content">
<div class="editor-text " property="modality">{{ content.admission_registration|raw }}</div>
</div>
</div>
{% endif %}
{% if content.admission_questions is not empty %}
<div class="content">
<div class="editor-text " property="modality">{{ content.admission_questions|raw }}</div>
</div>
{% endif %}
{{ content.hubspot_form|raw }}
<div class="formation-buttons">
<button class="btn btn-light-white">
<a href="/telechargez-notre-brochure">Télécharger la brochure</a>
</button>
<button class="btn btn-light-white">
<a href="https://candidature.h3campus.fr" target="_blank">S'INSCRIRE A CETTE FORMATION
</a>
</button>
</div>
</div>
<div>
{% if content.block_faq is not empty %}
<div class="content">
{% if content.faq_block_title is not empty %}
<div class="faqTitle">
<h2>{{content.faq_block_title}}</h2>
</div>
{% endif %}
</div>
<div class="faq">
{% for faq in content.block_faq %}
<div class="faqBloc">
<div class="content">
<h4>{{ faq.title_question }}</h4>
<div>{{ faq.content_answer|raw }}</div>
{% if faq.button_question %}
<button class="btn btn-primary">
<a href="{{ sulu_content_path(faq.button_question[0].url) }}">En savoir plus</a>
</button>
{% endif %}
</div>
</div>
{% endfor %}
</div>
{% endif %}
</div>
</div>
<div class="others-formation-title">
<h3>Découvrir d'autres formations</h3>
</div>
<section class="others-formation splide" aria-label="Autres formations">
<div class="splide__track">
<div class="splide__list">
{% for formation in content.presentation_teaser_formations %}
<div class="card-formation splide__slide">
<a class="img-formation" href="{{ sulu_content_path(formation.url) }}">
{% if formation.mediaId %}
{% set media = sulu_resolve_media(formation.mediaId, 'fr') %}
<div class="lazy" data-src="{{ media.url }}"></div>
{% endif %}
<h3>{{ formation.title }}</h3>
</a>
<div property="article">
{{ formation.description|raw }}
</div>
<button aria-label="more" class="btn">
<a href="{{ sulu_content_path(formation.url) }}">En savoir plus</a>
</button>
</div>
{% endfor %}
</div>
</div>
</section>
</div>
{% set items = [] %}
{% for event in content.events_teaser %}
{% if event.startdate is defined %}
{% set items = items|merge([event]) %}
{% endif %}
{% endfor %}
{% if content.show_agenda is defined %}
{% if content.show_agenda == "oui" %}
{% set showAgenda = true %}
{% else %}
{% set showAgenda = false %}
{% endif %}
{% else %}
{% set showAgenda = true %}
{% endif %}
<div class="content-actu sidebar">
<div class="title">
<h3>Actualités</h3>
</div>
<div class="teaser_actus">
{% if content.teaser_actus|length > 0 %}
{% for article in content.teaser_actus %}
<article>
<a class="img-actu" href="{{ sulu_content_path(article.url) }}">
{% if article.mediaId %}
{% set mediaActu = sulu_resolve_media(article.mediaId, 'fr') %}
<div class="image lazy" data-src="{{ mediaActu.url }}"></div>
{% endif %}
</a>
<div>
<h3>
<a href="{{ sulu_content_path(article.url) }}">{{ article.title }}</a>
</h3>
<button aria-label="more" class="btn btn-light">
<a href="{{ sulu_content_path(article.url) }}">En savoir plus</a>
</button>
</div>
</article>
{% endfor %}
{% else %}
{% set lastArticles = sulu_article_load_recent(3) %}
{% for article in lastArticles %}
<article>
<a class="img-actu" href="{{ sulu_content_path(article.content.content.routePath) }}">
{% if article.content.content.banner %}
<div class="image lazy" data-src="{{ article.content.content.banner[0].formats['400x'] }}"></div>
{% endif %}
</a>
<div>
<h3>
<a href="{{ sulu_content_path(article.content.content.routePath) }}">{{ article.title }}</a>
</h3>
<button aria-label="more" class="btn btn-light">
<a href="{{ sulu_content_path(article.content.content.routePath) }}">En savoir plus</a>
</button>
</div>
</article>
{% endfor %}
{% endif %}
</div>
</div>
{% endblock %}
{% block javascripts %}
<script>
window.breadcrumbMap = {
'json-ld-breadcrumb': 'JSON-LD Breadcrumb'
}
</script>
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script>
<script src="{{ absolute_url(asset("build/website/js/formation.js")) }}"></script>
<!-- Hotjar Tracking Code for Site 4967026 (name missing) -->
<script>
(function (h, o, t, j, a, r) {
h.hj = h.hj || function () {
(h.hj.q = h.hj.q || []).push(arguments)
};
h._hjSettings = {
hjid: 4967026,
hjsv: 6
};
a = o.getElementsByTagName('head')[0];
r = o.createElement('script');
r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
</script>
{% endblock %}