templates/front/formation/detail.html.twig line 1

  1. {% extends 'front_layout.html.twig' %}
  3. {% if formation.seoParent is not null %}
  4.     {% if formation.seoParent.seo.metaTitre is not empty %}
  5.         {% set titre = formation.seoParent.seo.metaTitre %}
  6.     {% else %}
  7.         {% set titre = formation.titreFormation %}
  8.     {% endif %}
  9. {% else %}
  10.        {% set titre = formation.titreFormation %}
  11. {% endif %}
  13. {% block title %}
  14.     {{ titre }}
  15. {% endblock %}
  17. {% block seo %}
  18. {{ render(path('app_global_seo_formation', {'id': formation.id })) }}
  19. {% endblock %}
  21. {% block body %}
  22. <main class="t-page">
  24.     <header class="t-page__header"
  25.         style="background-image: url('{{ formation.banniere.filepath is defined  ? asset('/uploads/medias/' ~ formation.banniere.filepath)|imagine_filter('banner') : 'https://placehold.co/1920x320?text=*' }}');">
  26.         <h1 class="t-page__mainTitle">{{ formation.titreFormation }}</h1>
  27.         <p class="t-page__mainTitle t-page__mainTitle--Sub">{{ formation.domaineId.titreDomaine ?? '' }} / {{
  28.             formation.dureeId.titreDuree ?? '' }}</p>
  29.     </header>
  31.     <div class="t-page__wrap">
  32.         {{ render(controller('App\\Controller\\WidgetController::breadcrumb', {'request': app.request})) }}
  33.     </div>
  35.     <section class="formationFirst">
  36.         <div class="formationFirst__wrap">
  37.             <div class="formationFirst__left b-accordion__js">
  39.                 <div class="b-accordion__item  ac">
  40.                     <button type="button" class="b-accordion__subtitle ac-trigger">Public et pré-requis</button>
  41.                     <p class="b-accordion__txt ac-panel">{{ formation.preRequis | nl2br }}</p>
  42.                 </div>
  44.                 <div class="b-accordion__item  ac">
  45.                     <button type="button" class="b-accordion__subtitle ac-trigger">Durée</button>
  46.                     <p class="b-accordion__txt ac-panel">{{ formation.duree | nl2br }}</p>
  47.                 </div>
  49.                 <div class="b-accordion__item  ac">
  50.                     <button type="button" class="b-accordion__subtitle ac-trigger">Moyens mobilisés</button>
  51.                     <p class="b-accordion__txt ac-panel">{{ formation.moyens | nl2br }}</p>
  52.                 </div>
  54.                 <div class="b-accordion__item  ac">
  55.                     <button type="button" class="b-accordion__subtitle ac-trigger">Modalités</button>
  56.                     <p class="b-accordion__txt ac-panel">{{ formation.modalites | nl2br }}</p>
  57.                 </div>
  59.                 <div class="b-accordion__item  ac">
  60.                     <button type="button" class="b-accordion__subtitle ac-trigger">Et après</button>
  61.                     <p class="b-accordion__txt ac-panel">{{ formation.apres | nl2br }}</p>
  62.                 </div>
  63.             </div>
  65.             <div class="formationFirst__right">
  66.                 <div class="formationFirst__pane">
  67.                     <div class="formationFirst__content">{{ formation.contenu | raw }}</div>
  68.                     <div class="formationFirst__footer">
  69.                         <div class="formationFirst__socials">
  70.                             {% if formation.twitter is not null %}<a class="formationFirst__social"
  71.                                 href="{{ formation.twitter }}">
  72.                                 <svg class="r-footer__socialIco">
  73.                                     <use xlink:href="#twitter"></use>
  74.                                 </svg>
  75.                             </a>{% endif %}
  76.                             {% if formation.facebook is not null %}<a class="formationFirst__social"
  77.                                 href="{{ formation.facebook }}">
  78.                                 <svg class="r-footer__socialIco">
  79.                                     <use xlink:href="#facebook"></use>
  80.                                 </svg>
  81.                             </a>{% endif %}
  82.                             {% if formation.instagram is not null %}<a class="formationFirst__social"
  83.                                 href="{{ formation.instagram }}">
  84.                                 <svg class="r-footer__socialIco">
  85.                                     <use xlink:href="#instagram"></use>
  86.                                 </svg>
  87.                             </a>{% endif %}
  88.                             {% if formation.linkedin is not null %}<a class="formationFirst__social"
  89.                                 href="{{ formation.linkedin }}">
  90.                                 <svg class="r-footer__socialIco">
  91.                                     <use xlink:href="#linkedin"></use>
  92.                                 </svg>
  93.                             </a>{% endif %}
  94.                         </div>
  95.                         <a class="formationFirst__btn" href="{{ formation.formationLien }}">Inscription
  96.                             <svg>
  97.                                 <use xlink:href="#caret-right"></use>
  98.                             </svg>
  99.                         </a>
  100.                     </div>
  101.                 </div>
  103.                 <!-- Gallery -->
  104.                 <section class="formationSlider" id="lightgallery">
  105.                     {# TODO diaporama formation #}
  107.                     {% if formation.diaporamaFormation is not null %}
  108.                         {% for diapoItem in formation.diaporamaFormation.diaporamaFormationItems %}
  109.                                 <a class="formationSlider__link" href="{{ asset('/uploads/medias/' ~ diapoItem.banniereFormation.filepath) }}">
  110.                                     <img 
  111.                                         class="formationSlider__img" 
  112.                                         src="{{ asset('/uploads/medias/' ~ diapoItem.banniereFormation.filepath)|imagine_filter('c160') }}" 
  113.                                         alt="{{ diapoItem.banniereFormation.alt }}"
  114.                                     >
  115.                                 </a>
  116.                         {% endfor %}
  117.                     {% endif %}
  119.                 </section>
  121.                 
  122.         </div>
  123.     </section>
  125.     {% for b in blocFormation %}
  126.         {% if b.blocDiaporama is not null %}
  127.             {% include 'front/blocs/_diaporama.html.twig' with { 'bloc' : b.blocDiaporama } %}
  129.         {% elseif b.BlocAccordeon is not null %}
  130.             {% include 'front/blocs/_accordeon.html.twig' with { 'bloc' : b.BlocAccordeon } %}
  132.         {% elseif b.blocColonne is not null %}
  133.             {% include 'front/blocs/_colonne.html.twig' with { 'bloc' : b.blocColonne } %}
  135.         {% elseif b.BlocTextImage is not null %}
  136.             {% include 'front/blocs/_text_image.html.twig' with { 'bloc' : b.BlocTextImage } %}
  138.         {% elseif b.blocVideo is not null %}
  139.             {% include 'front/blocs/_video.html.twig' with { 'bloc' : b.blocVideo } %}
  141.         {% endif %}
  142.     {% endfor %}
  144.     <section class="formationSecond">
  145.         <div class="formationSecond__wrap">
  146.             <h2 class="formationSecond__title">Venez découvrir nos formations en vidéo</h2>
  147.             <div class="ratio">
  148.                 <iframe src="https://www.youtube.com/embed/{{ formation.lienVideo }}" frameborder="0"
  149.                     allow="encrypted-media; picture-in-picture" allowfullscreen></iframe>
  150.             </div>
  151.             <div class="formationSecond__cols">
  152.                 <div class="formationSecond__col">
  153.                     <svg class="formationSecond__svg">
  154.                         <use xlink:href="#illu-horraires"></use>
  155.                     </svg>
  156.                     <p class="formationSecond__subtitle">Horaires aménagés <br> Sportifs / élève à besoin particulier</p>
  157.                     <p>{{ formation.horairesAmenages }}</p>
  158.                 </div>
  159.                 <div class="formationSecond__col">
  160.                     <svg class="formationSecond__svg">
  161.                         <use xlink:href="#illu-tarifs"></use>
  162.                     </svg>
  163.                     <p class="formationSecond__subtitle">Tarifs</p>
  164.                     <p>{{ formation.tarifs }}</p>
  165.                     <a class="formationSecond__btn" href="{{ path('app_page_simuler_tarif') }}">Simulateur
  166.                         <svg>
  167.                             <use xlink:href="#caret-right"></use>
  168.                         </svg>
  169.                     </a>
  170.                 </div>
  171.                 <div class="formationSecond__col">
  172.                     <svg class="formationSecond__svg">
  173.                         <use xlink:href="#illu-resultats"></use>
  174.                     </svg>
  175.                     <p class="formationSecond__subtitle">Indicateurs résultats</p>
  176.                     <p>{{ formation.indicResultat }}</p>
  177.                 </div>
  178.             </div>
  180.         </div>
  181.     </section>
  183.     {# <section>
  184.         <h2>Paroles données aux étudiants</h2>
  185.         <div>
  186.             <p>" Caesarem convellere nisu valido cogitabat, eique deliberanti cum proximis clandestinis. Vbi curarum
  187.                 abiectis ponderibus aliis tamquam nodum et codicem difficillimum Caesarem. convellere nisu valido
  188.                 cogitabat, eique deliberanti …. "</p>
  189.             <p>" Caesarem convellere nisu valido cogitabat, eique deliberanti cum proximis clandestinis. Vbi curarum
  190.                 abiectis ponderibus aliis tamquam nodum et codicem difficillimum Caesarem. convellere nisu valido
  191.                 cogitabat, eique deliberanti …. "</p>
  192.         </div>
  193.     </section> #}
  195.     <section class="homeActus">
  196.         <div class="homeActus__wrap">
  197.             <div class="homeActus__row">
  198.                 <h2 class="homeActus__title">Nos autres formations</h2>
  199.                 <a class="homeActus__all" href="{{ path('app_formation_list') }}">&gt; Toutes les formations</a>
  200.             </div>
  202.             <div class="homeActus__slick">
  203.                 {% for formation in formations %}
  204.                 <div class="homeActus__slide">
  205.                     <a href="{{ path('app_formation_detail', {'formation': formation.id}) }}">
  206.                         {% if formation.banniere is not null %}
  207.                         <img class="homeActus__img"
  208.                             src="{{ asset('/uploads/medias/' ~ formation.banniere.filepath)|imagine_filter('c255') }}"
  209.                             alt="{{ formation.banniere.alt }}">
  210.                         {% else %}
  211.                         <img class="homeActus__img" src="https://placehold.co/255?text=*" alt="">
  212.                         {% endif %}
  213.                         <div class="homeActus__txt">{{ formation.titreFormation }}</div>
  214.                     </a>
  215.                 </div>
  216.                 {% endfor %}
  217.             </div>
  218.         </div>
  219.     </section>
  221. </main>
  222. {% endblock %}