templates/default/detailsFormation.html.twig line 1

Open in your IDE?
  1. {# BASE LOAD #}
  2. {% extends 'base.html.twig' %}
  4. {# TITLE TOP PAGE #}
  5. {% block title %}CPI | {% if app.request.locale == 'fr' %}Détails de la formation{% else %}Training details{% endif %} {{formation.reference}}{% endblock %}
  7. {# CSS #}
  8. {% block stylesheet %}
  9.     <link rel="stylesheet" href="{{ asset('css/decouverte_formation.css') }}">
  10. {% endblock %}
  12. {# BODY HOME PAGE #}
  13. {% block body %}
  14.  <main>
  15.             <div class="accueil text-light">
  16.                <div class="container noMargin" style="margin-top: 20px;">
  17.                 <div class="row justify-content-md-center justify-content-start justify-content-lg-start">
  18.                     <div class="col-12 col-lg-6">
  19.                         <img src="{{asset('uploads/formations/'~formation.image)}}" alt="" class="img-fluid">
  20.                     </div>
  21.                     <div class="col-12 col-lg-6 align-self-center order-first order-lg-last" style="padding-left: 60px;">
  22.                         <div class="row my-5">
  23.                             <div class="menu d-flex flex-column flex-md-row" >
  24.                     <p class="text-center text-md-start" style="border: solid 1px #fff; padding:5px; text-transform:uppercase">
  25.     {% if app.request.locale == 'fr' %}
  26.         {% if formation.sujetsFormations is not null and formation.sujetsFormations.titreFr is not null %}
  27.             {{ formation.sujetsFormations.titreFr }}
  28.         {% else %}
  29.             " "
  30.         {% endif %}
  31.     {% else %}
  32.         {% if formation.sujetsFormations is not null and formation.sujetsFormations.titreEn is not null %}
  33.             {{ formation.sujetsFormations.titreEn }}
  34.         {% else %}
  35.             " "
  36.         {% endif %}
  37.     {% endif %}
  38. </p>
  40.                                 <span class="text-center text-md-start"  style="padding-left:20px;font-size:12px;  color:#7393fa">REF - {{formation.reference}}</span>                       
  41.                             </div>
  42.                         </div>
  43.                         
  44.                         <h1 style="font-size: 54px;
  45.                         font-weight: bold;">{% if app.request.locale == 'fr' %}{{formation.titreFr}}{% else %}{{formation.titreEn}}{% endif %} </h1>
  46.                                                 <hr style="opacity: 0.5;
  47.                         height: 2px !important;
  48.                         border: solid 1px #fff;margin-top: 50px;
  49.                         margin-bottom: 50px;">
  50.                         <p  style="font-size:26px ; font-weight: 100!important;">{% if app.request.locale == 'fr' %}{{formation.texteFr|raw}}{% else %}{{formation.texteEn|raw}}{% endif %}</p>
  51.                         
  52.                         <div class="row pb-5 noBottom ">
  53.                             <div class="btn1">
  54.                                 <a href="#sessions"><button style="border:solid 1px #fff">{% if app.request.locale == 'fr' %}M'inscrire{% else %}Sign up{% endif %}</button></a>
  55.                             </div>
  56.                            
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.                </div> 
  61.             </div>
  65.             <section style="">
  66.         <div class="container">
  67.             <div class="row ">
  68.           
  69. </div>
  70. </div>
  71. </section>
  74. <!-- Modale pour demander document -->
  75. <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="width:100%!important; height:100%!important">
  76.     <div class="modal-dialog">
  77.       <div class="modal-content">
  78.         <div class="modal-body">
  79.   
  80.           <div class="formulaireFile">
  81.               <div class="row">
  82.                   <div class="col">
  83.                       <p class="pa1">{% if app.request.locale == 'fr' %}Nous vous remercions de votre intérêt pour la solution DELMIAWorks.{% else %}Thank you for your interest in the DELMIAWorks solution.{% endif %}</p>
  84.                       <p class="pa2">{% if app.request.locale == 'fr' %}Afin de pouvoir obtenir la documentation, nous vous remercions de bien vouloir renseigner vos coordonnées.{% else %}Please fill in your contact details so that we can send you the documentatio{% endif %}</p>
  85.                       
  86.                   </div>
  87.                   
  88.               </div>
  89.               
  90.               <div class="row pt-3">
  91.               <form action="{{path('sendDocument')}}" method="post">
  92.               <input type="hidden" id="idDocument" name="document">
  93.               <div class="row">
  94.                   <div class="col-6 w100">
  95.                       <p class="pa3"> <b>{% trans %}form-nom{% endtrans %}</b><span style="color:red;">*</span></p>
  96.                       <input type="text" id="Nom" name="nom" required>
  97.                   </div>
  98.                   <div class="col-6 w100">
  99.                       <p class="pa3"> <b>{% trans %}form-prenom{% endtrans %}</b><span style="color:red;">*</span></p>
  100.                       <input type="text" id="Prenom" name="prenom" required>
  101.                   </div>
  102.               </div>
  103.               </div>
  104.               <div class="row py-3">
  105.                   <div class="col w100">
  106.                       <p class="pa3"> <b>{% trans %}form-societe{% endtrans %}</b><span style="color:red;">*</span></p>
  107.                       <input type="text" id="nomSociete" name="societe" required>
  108.                   </div>
  109.                   
  110.               </div>
  111.               <div class="row">
  112.                   <div class="col w100">
  113.                       <p class="pa3"> <b>{% trans %}form-email{% endtrans %}</b><span style="color:red;">*</span></p>
  114.                       <input type="text" id="mail" name="mail" required>
  115.                   </div>
  116.                   
  117.               </div>
  119.             
  120.               <div class="row pt-5">
  121.                   <div class="col-7">
  122.                       <div class="form-check d-flex">
  123.                           <input class="form-check-input" type="checkbox" id="flexCheckDefault" name="flexCheckDefault" required>
  124.                           <label class="form-check-label text-light" for="flexCheckDefault">
  125.                           {% trans %}form-condition1{% endtrans %} <a href="{{asset('P-CPI-0032-RevOR-Politique protection des données site internet.pdf')}}" target="_blank">{% trans %}form-condition2{% endtrans %}
  126.                       </div>
  127.                   </div>
  128.                   <div class="col-5">
  129.                       <div class="d-flex justify-content-center align-items-start">
  130.                           <button type="submit" class="buttonDoc">{% if app.request.locale == 'fr' %}Obtenir le document{% else %}Get the document{% endif %}</button>
  131.                       </div>
  132.                   </div>
  133.               </div>
  134.               </form>
  135.   
  136.           </div>
  137.         </div>
  138.         
  139.       </div>
  140.     </div>
  141.   </div>
  143.   <!-- Fin modal -->
  145.         <section style="margin-top:92px; margin-bottom:112px">
  146.             <div class="container">
  147.                 <div class="row">
  148.                     <div class="btn2">
  149.                         <a href="{{path('genererpdf',{'id':formation.id})}}" target="_blank"><button style="border:solid 1px #fff;float:right"><i class="fa fa-download" aria-hidden="true" style="margin-right:5px"></i>{% if app.request.locale == 'fr' %}Télécharger la fiche d'information{% else %}Download the information sheet{% endif %}</button></a>
  150.                     </div>
  151.                 </div>
  152.             </div>
  153.             <div class="container">
  154.                 <div class="row">
  155.                  {% if app.request.get('send') == 'success' %}
  156.                                 <h4 style="color:green">{% if app.request.locale == 'fr' %}Votre message a bien été envoyé{% else %}Your message has been sent{% endif %}</h4>
  157.                                 {% endif %}
  158.                     <div class="col-lg-8 col-12">
  159.                     <article style="margin-bottom:50px">
  160.                             <div class="menu mb-5">
  161.                                 <div class="ligneBleu"></div>
  162.                                 <p style="top: -1.5px;position: relative;">{% if app.request.locale == 'fr' %}OBJECTIFS{% else %}OBJECTIVES{% endif %}</p>
  163.                             </div>
  164.                             <p style="font-weight: 100;">{% if app.request.locale == 'fr' %}{{formation.objectifsFr|raw}}{% else %}{{formation.objectifsEn|raw}}{% endif %}</p>
  165.                         </article>
  167.                         <article style="margin-bottom:50px">
  168.                             <div class="menu mb-5">
  169.                                 <div class="ligneBleu"></div>
  170.                                 <p style="top: -1.5px;position: relative;">{% if app.request.locale == 'fr' %}PREREQUIS{% else %}REQUIREMENTS{% endif %}</p>
  171.                             </div>
  172.                             <p style="font-weight: 100;">{% if app.request.locale == 'fr' %}{{formation.prerequisFr|raw}}{% else %}{{formation.prerequisEn|raw}}{% endif %}</p>
  173.                         </article>
  175.                          <article class="accueilOnlyResponsive" style="margin-bottom:50px">
  176.                             <div class="menu mb-5">
  177.                                 <div class="ligneBleu"></div>
  178.                                 <p style="top: -1.5px;position: relative;">{% if app.request.locale == 'fr' %}DETAILS{% else %}DETAILS{% endif %}</p>
  179.                             </div>
  180.                              <div class="col-lg-4 col-12">
  181.                     <div class="accueil3Resp">
  182.                                 <div class="row justify-content-between">
  183.                                     <div class="col">
  184.                                         <div class="titre_traitBleu">
  185.                                             <div class="titre">
  186.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/sand-clock.svg')}}" alt="">
  187.                                                 <p>{% if app.request.locale == 'fr' %}DUREE{% else %}DURATION{% endif %}</p>
  188.                                             </div>
  189.                                             <div class="trait-bleu">
  190.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  191.                                             </div>
  192.                                         </div>
  193.                                     </div>
  194.                                     <div class="col text-end">
  195.                                         <p> <b> {% if app.request.locale == 'en' %}
  196.             {{ formation.duree|replace({'jour': 'day'}) }}
  197.         {% else %}
  198.             {{ formation.duree }}
  199.         {% endif %}</b> </p>
  200.                                     </div>
  201.                                 </div>
  202.                                 <hr>
  203.                                 <div class="row pt-4 justify-content-between" style="position: relative;right: 7px;">
  204.                                     <div class="col">
  205.                                         <div class="titre_traitBleu">
  206.                                             <div class="titre">
  207.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/user-add.svg')}}" alt="">
  208.                                                 <p>{% if app.request.locale == 'fr' %}PARTICIPANTS{% else %}ATTENDEES{% endif %}</p>
  209.                                             </div>
  210.                                             <div class="trait-bleu">
  211.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  212.                                             </div>
  213.                                         </div>
  214.                                     </div>
  215.                                     <div class="col text-end">
  216.                                         <p> <b>{% if app.request.locale == 'fr' %}{{formation.nbParticipants}}{% else %}{{formation.nbParticipantsEn}}{% endif %}</b> </p>
  217.                                     </div>
  218.                                 </div>
  219.                                 <hr>
  220.                                 <div class="row pt-4 justify-content-between">
  221.                                     <div class="col-8">
  222.                                         <div class="titre_traitBleu">
  223.                                             <div class="titre">
  224.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/user-add.svg')}}" alt="">
  225.                                                 <p>{% if app.request.locale == 'fr' %}DELAIS D'ACCES{% else %}ACCESS TIME{% endif %}</p>
  226.                                             </div>
  227.                                             <div class="trait-bleu">
  228.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  229.                                             </div>
  230.                                         </div>
  231.                                     </div>
  232.                                     <div class="col-4 text-end">
  233.                                         <p> <b>{% if app.request.locale == 'fr' %}{{formation.delaiFr}}{% else %}{{formation.delaiEn}}{% endif %}</b> </p>
  234.                                     </div>
  235.                                 </div>
  236.                                 <hr>
  237.                                 <div class="row pt-4 justify-content-between">
  238.                                     <div class="col-8">
  239.                                         <div class="titre_traitBleu">
  240.                                             <div class="titre">
  241.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/user-add.svg')}}" alt="">
  242.                                                 <p>{% if app.request.locale == 'fr' %}CATEGORIE{% else %}CATEGORY{% endif %}</p>
  243.                                             </div>
  244.                                             <div class="trait-bleu">
  245.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  246.                                             </div>
  247.                                         </div>
  248.                                     </div>
  249.                                     <div class="col-4 text-end">
  250.                                         <p> <b>{% if app.request.locale == 'fr' %}Métier{% else %}Job{% endif %}</b> </p>
  251.                                     </div>
  252.                                 </div>
  253.                                 <hr>
  254.                                
  255.                                
  256.                               
  257.                                 <div class="row pt-4 justify-content-between">
  258.                                     <div class="accordion" id="accordionExample">
  259.                                         <div class="accordion-item" id="accordion-one">
  260.                                             <h2 class="accordion-header">
  261.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
  262.                                                 <div class="titre_traitBleu">
  263.                                                     <div class="titre">
  264.                                                         <img class="img-fluid" src="{{asset('img/Formation-A/boy.svg')}}" alt="" style="margin-top: -7px;">
  265.                                                         <p>PUBLIC</p>
  266.                                                     </div>
  267.                                                     <div class="trait-bleu">
  268.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  269.                                                     </div>
  270.                                                 </div>
  271.                                             </button>
  272.                                             </h2>
  273.                                             <style>
  274.                                                 .accordion-body li::marker
  275.                                                 {
  276.                                                     color:#163AF5;
  277.                                                     font-size:20px
  278.                                                 }
  279.                                             </style>
  280.                                             <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample" style="">
  281.                                             <div class="accordion-body">
  282.                                               
  283.                                                 {% if app.request.locale == 'fr' %}{{formation.publicFr|raw}}{% else %}{{formation.publicEn|raw}}{% endif %}
  285.                                             </div>
  286.                                             </div>
  287.                                         </div>
  288.                                         <hr>
  292.                                        {% if formation.moyenFr != '' %}
  293.                                         <div class="accordion-item">
  294.                                             <h2 class="accordion-header">
  295.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMoyen" aria-expanded="true" aria-controls="collapseMoyen">
  296.                                                 <div class="titre_traitBleu">
  297.                                                     <div class="titre">
  298.                                                         <img class="img-fluid" src="{{asset('img/Formation-A/toolbox.svg')}}" alt="" style="margin-top: -7px;">
  299.                                                         <p>{% if app.request.locale == 'fr' %}MOYENS ET METHODES{% else %}MEANS AND METHODS{% endif %}</p>
  300.                                                     </div>
  301.                                                     <div class="trait-bleu">
  302.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  303.                                                     </div>
  304.                                                 </div>
  305.                                             </button>
  306.                                             </h2>
  307.                                             <div id="collapseMoyen" class="accordion-collapse collapse " aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style="">
  308.                                                 <div class="accordion-body">
  309.                                                     <div class="row py-3">
  310.                                                         <div class="col">
  311.                                                         {% if app.request.locale == 'fr' %}{{formation.moyenFr|raw}}{% else %}{{formation.moyenEn|raw}}{% endif %}
  312.                                                         </div>
  313.                                                     </div>
  314.                                                 </div>
  315.                                             </div>
  316.                                         </div>
  317.                                         {% endif %}
  320.                                         <hr>
  322.                                         
  326.                                         {% if formation.SuviFr != '' %}
  327.                                         <div class="accordion-item">
  328.                                             <h2 class="accordion-header">
  329.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseAccesss" aria-expanded="true" aria-controls="collapseAccesss">
  330.                                                 <div class="titre_traitBleu">
  331.                                                     <div class="titre">
  332.                                                          <img class="img-fluid" src="{{asset('img/Formation-A/play-list-check.svg')}}" alt="" style="margin-top: -7px;">
  333.                                                         <p>{% if app.request.locale == 'fr' %}SUIVI ET EVALUATION{% else %}MONITORING AND EVALUATION{% endif %}</p>
  334.                                                     </div>
  335.                                                     <div class="trait-bleu">
  336.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  337.                                                     </div>
  338.                                                 </div>
  339.                                             </button>
  340.                                             </h2>
  341.                                             <div id="collapseAccesss" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style="">
  342.                                                 <div class="accordion-body">
  343.                                                     <div class="row py-3">
  344.                                                         <div class="col">
  345.                                                            <p>
  346.                                                            {% if app.request.locale == 'fr' %}
  347.                                                                 {{ formation.SuviFr|raw }}
  348.                                                             {% else %}
  349.                                                                 {{ formation.SuiviEn|raw }}
  350.                                                             {% endif %}
  351.                                                            </p>
  352.                                                             
  353.                                                         </div>
  354.                                                     </div>
  355.                                                 </div>
  356.                                             </div>
  357.                                         </div>
  358.                                         {% endif %}
  361.                                         <hr>
  362.                                         {% if formation.accessibiliteFr != '' %}
  363.                                         <div class="accordion-item">
  364.                                             <h2 class="accordion-header">
  365.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseAccess" aria-expanded="true" aria-controls="collapseAccess">
  366.                                                 <div class="titre_traitBleu">
  367.                                                     <div class="titre">
  368.                                                         <img class="img-fluid" src="{{asset('img/Formation-A/controller.svg')}}" alt="" style="margin-top: -7px;">
  369.                                                         <p>{% if app.request.locale == 'fr' %}ACCESSIBILITE{% else %}ACCESSIBILITY{% endif %}</p>
  370.                                                     </div>
  371.                                                     <div class="trait-bleu">
  372.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  373.                                                     </div>
  374.                                                 </div>
  375.                                             </button>
  376.                                             </h2>
  377.                                             <div id="collapseAccess" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style="">
  378.                                                 <div class="accordion-body">
  379.                                                     <div class="row py-3">
  380.                                                         <div class="col">
  381.                                                            <p>{% if app.request.locale == 'fr' %}{{formation.accessibiliteFr|raw}}{% else %}{{formation.accessibiliteEn|raw}}{% endif %}</p>
  382.                                                             
  383.                                                         </div>
  384.                                                     </div>
  385.                                                 </div>
  386.                                             </div>
  387.                                         </div>
  388.                                         {% endif %}
  389.                                     </div>
  390.                                 </div>
  391.                         </article>
  393.                         <article style="margin-bottom:50px">
  394.                             <div class="menu mb-5">
  395.                                 <div class="ligneBleu"></div>
  396.                                 <p style="top: -1.5px;position: relative;">{% if app.request.locale == 'fr' %}CONTENUS{% else %}CONTENTS{% endif %}</p>
  397.                             </div>
  398.                             <p style="font-weight: 100;">{% if app.request.locale == 'fr' %}{{formation.contenusFr|raw}}{% else %}{{formation.contenusEn|raw}}{% endif %}</p>
  399.                         </article>
  403.                     
  404.                         <article style="margin-bottom:50px" id="sessions">
  405.                             <div class="menu mb-5">
  406.                                 <div class="ligneBleu"></div>
  407.                                 <p style="top: -1.5px;position: relative;">{% if app.request.locale == 'fr' %}LES SESSIONS A VENIR{% else %}UPCOMING SESSIONS{% endif %}</p>
  408.                             </div>
  409.                         <div class="col-12">
  410.                         <div class="row" style="padding-left:15px;padding-right:15px;">
  411.                             <table class="table table-striped">
  412.   <thead>
  413.   
  414.     <tr>
  415.       <th scope="col-12">
  416.       <div class="titre_traitBleu">
  417.                                             <div class="titre">
  418.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/calendar.svg')}}" alt="">
  419.                                                 <p>DATE</p>
  420.                                             </div>
  421.                                             <div class="trait-bleu">
  422.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  423.                                             </div>
  424.                                         </div>
  425.       </th>
  427.  <th scope="col">
  428.  <div class="titre_traitBleu">
  429.                                             <div class="titre">
  430.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/comment.svg')}}" alt="">
  431.                                                 <p>{% if app.request.locale == 'fr' %}LANGUE{% else %}LANGUAGE{% endif %}</p>
  432.                                             </div>
  433.                                             <div class="trait-bleu">
  434.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  435.                                             </div>
  436.                                         </div>
  437.       </th>
  440.    <th scope="col">
  441.       <div class="titre_traitBleu">
  442.                                             <div class="titre">
  443.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/toolbox.svg')}}" alt="">
  444.                                                 <p>TYPE</p>
  445.                                             </div>
  446.                                             <div class="trait-bleu">
  447.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  448.                                             </div>
  449.                                         </div>
  450.     </th>
  452.         <th scope="col">
  453.      
  456.       <div class="titre_traitBleu">
  457.                                             <div class="titre">
  458.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/pin.svg')}}" alt="">
  459.                                                 <p>{% if app.request.locale == 'fr' %}LIEU{% else %}LOCATION{% endif %}</p>
  460.                                             </div>
  461.                                             <div class="trait-bleu">
  462.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  463.                                             </div>
  464.                                         </div>
  465.       </th>
  467.       <th scope="col">
  468.       <div class="titre_traitBleu">
  469.                                             <div class="titre">
  470.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/euro.svg')}}" alt="">
  471.                                                 <p>{% if app.request.locale == 'fr' %}TARIF HT{% else %}RATE EXCL.{% endif %}<br>
  472.                                                 </p>
  473.                                             </div>
  474.                                             <div class="trait-bleu">
  475.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  476.                                             </div>
  477.                                         </div>
  478.                                                     </th>
  479.                                                     </tr>
  480.                                                 </thead>
  481.                                                 <tbody>
  482. {% set sessions = [] %}
  484. {% for res in formation.sessionsFormations %}
  485.     {% if res.date is not null %}
  486.         {% set sessions = sessions|merge([res]) %}
  487.     {% endif %}
  488. {% endfor %}
  490. {% set sortedSessions = sessions|sort((a, b) => a.date|default('9999-12-31')|date('U') - b.date|default('9999-12-31')|date('U')) %}
  492. {% for res in sortedSessions|reverse %}
  493.     <tr>
  494.         <th scope="row">
  495.             {% if res.date is null %}
  496.                 {% if app.request.locale == 'fr' %}Nous consulter{% else %}Contact us{% endif %}
  497.             {% else %}
  498.                 {{ res.date|date('d/m/Y') }}
  499.             {% endif %}
  500.         </th>
  501.         <td>{% if app.request.locale == 'fr' %}{{ res.languesFr|raw }}{% else %}{{ res.languesEn|raw }}{% endif %}</td>
  502.         <td>{% if app.request.locale == 'fr' %}{{ res.typesFormations.titreFr|raw }}{% else %}{{ res.typesFormations.titreEn|raw }}{% endif %}</td>
  503.         <td>
  504.             {% if app.request.locale == 'en' %}
  505.                 {{ res.lieuEn|raw|replace({'A convenir': 'To agree', 'A distance': 'Remote'}) }}
  506.             {% else %}
  507.                 {{ res.lieu|raw }}
  508.             {% endif %}
  509.         </td>
  510.         <td><b>
  511.             {% if app.request.locale == 'en' %}
  512.                 {{ res.tarifs|raw|replace({'par jour / pers.': 'per Day / pers.','Nous consulter' : 'Contact us', 'par jour (1-4 pers.)' : 'per day (1-4 pers)' }) }}
  513.             {% else %}
  514.                 {{ res.tarifs|raw }}
  515.             {% endif %}
  516.         </b></td>
  517.     </tr>
  518. {% endfor %}
  520. {% for res in formation.sessionsFormations %}
  521.     {% if res.date is null %}
  522.         <tr>
  523.             <th scope="row">
  524.                 {% if app.request.locale == 'fr' %}Nous consulter{% else %}Contact us{% endif %}
  525.             </th>
  526.             <td>{% if app.request.locale == 'fr' %}{{ res.languesFr|raw }}{% else %}{{ res.languesEn|raw }}{% endif %}</td>
  527.             <td>{% if app.request.locale == 'fr' %}{{ res.typesFormations.titreFr|raw }}{% else %}{{ res.typesFormations.titreEn|raw }}{% endif %}</td>
  528.             <td>
  529.                 {% if app.request.locale == 'en' %}
  530.                     {{ res.lieuEn|raw|replace({'A convenir': 'To agree', 'A distance': 'Remote'}) }}
  531.                 {% else %}
  532.                     {{ res.lieu|raw }}
  533.                 {% endif %}
  534.             </td>
  535.             <td><b>
  536.                 {% if app.request.locale == 'en' %}
  537.                     {{ res.tarifs|raw|replace({'par jour / pers.': 'per Day / pers.','Nous consulter' : 'Contact us', 'par jour (1-4 pers.)' : 'per day (1-4 pers)' }) }}
  538.                 {% else %}
  539.                     {{ res.tarifs|raw }}
  540.                 {% endif %}
  541.             </b></td>
  542.         </tr>
  543.     {% endif %}
  544. {% endfor %}
  548.                                                     
  549.                                                 </tbody>
  550.                                                 </table>
  551.                                                 </div>
  552.                                                 </div>
  553.                         </article>
  559. <article>
  560. <div class="opensans_bold_50 noPaddingTop pt-5" style="color:blue; font-size: 36px;">
  561.                                 {% if app.request.locale == 'fr' %}Inscription{% else %}Registration{% endif %} <span style="font-size:16px; float:right; font-weight:300; color:#000"><span style="color:red;">*</span>{% if app.request.locale == 'fr' %}Champs obligatoire.{% else %}Required fields.{% endif %}</span>
  562.                             </div>
  564.                                <h2 style="font-size: 24px;
  565. font-weight: bold; color:black">  {% if app.request.locale == 'fr' %}{{formation.titreFr}}{% else %}{{formation.titreEn}}{% endif %} </h2>
  566.                             <p class="fw-light mt-5 mb-5"></p>
  567.                             <form action="{{path('sendFormDetailsFormation')}}" method="POST">
  568.                                 <div class="formulaire">
  569.                                     <div class="row my-4">
  570.                                         <div class="col">
  571.                                             <p>  <b>  {% if app.request.locale == 'fr' %}Session{% else %}Session{% endif %} </b>  <span style="color:red;">*</span></p>
  572.                                             <select id="session" name="session" required>
  573.                                                 <option value="">  {% if app.request.locale == 'fr' %}Voir les sessions disponibles{% else %}See available sessions{% endif %}</option>
  574.                                                 {% for res in formation.sessionsFormations %}
  575.                                                 <option value="
  576.                                                 {{res.id}}">
  578.                                                 {% if res.date == null %}
  579.                                                     {% if app.request.locale == 'fr' %}Nous Consulter{% else %}Contact us{% endif %}
  580.                                                 {% else %}
  581.                                                     {{ res.date|date('d/m/Y') }}
  582.                                                  {% endif %}
  586.                                                                 - {{res.type}} -  {% if app.request.locale == 'en' %}
  587.                                                                 {{ res.lieuEn|raw|replace({'A convenir': 'To agree', 'A distance': 'Remote'}) }}
  588.                                                             {% else %}
  589.                                                                 {{ res.lieu|raw }}
  590.                                                             {% endif %}</option>
  591.                                                 {% endfor %}
  592.                                                                                                 
  593.                                             </select>
  594.                                         </div>
  595.                                     </div>
  596.                                     <div class="row my-4">
  597.                                         <div class="col">
  598.                                             <p><b>{% trans %}form-nom{% endtrans %}{% if app.user %}<a href="{{path('app_dictionnaire_edit',{'id':97})}}"><button type="button"  style="margin-left:10px" class="btn btn-warning"><i class="fa-solid fa-pen"></i></button></a>{% endif %}</b> <span style="color:red;">*</span></p>
  599.                                             <input type="text" id="nom" name="nom" required>
  600.                                         </div>
  601.                                         <div class="col">
  602.                                             <p><b>{% trans %}form-prenom{% endtrans %}{% if app.user %}<a href="{{path('app_dictionnaire_edit',{'id':98})}}"><button type="button"  style="margin-left:10px" class="btn btn-warning"><i class="fa-solid fa-pen"></i></button></a>{% endif %}</b> <span style="color:red;">*</span></p>
  603.                                             <input type="text" id="prenom" name="prenom" required>
  604.                                         </div>
  605.                                     </div>
  606.                                     <div class="row mb-4">
  607.                                         <div class="col">
  608.                                             <p><b>{% trans %}form-societe{% endtrans %}{% if app.user %}<a href="{{path('app_dictionnaire_edit',{'id':99})}}"><button type="button"  style="margin-left:10px" class="btn btn-warning"><i class="fa-solid fa-pen"></i></button></a>{% endif %}</b> <span style="color:red;">*</span></p>
  609.                                             <input type="text" id="societe" name="societe" required>
  610.                                         </div>
  611.                                     </div>
  612.                                     <div class="row mb-4">
  613.                                         <div class="col">
  614.                                             <p><b>{% trans %}form-email{% endtrans %}{% if app.user %}<a href="{{path('app_dictionnaire_edit',{'id':105})}}"><button type="button"  style="margin-left:10px" class="btn btn-warning"><i class="fa-solid fa-pen"></i></button></a>{% endif %}</b><span style="color:red;"> *</span></p>
  615.                                             <input type="email" id="email" name="email" required>
  616.                                         </div>
  617.                                         <div class="col">
  618.                                             <p><b>{% trans %}form-tel{% endtrans %}{% if app.user %}<a href="{{path('app_dictionnaire_edit',{'id':106})}}"><button type="button"  style="margin-left:10px" class="btn btn-warning"><i class="fa-solid fa-pen"></i></button></a>{% endif %}</b> <span style="color:red;">*</span></p>
  619.                                             <input type="text" id="telephone" name="telephone" required>
  620.                                         </div>
  621.                                     </div>
  622.                                     <div class="row mb-4">
  623.                                         <div class="col">
  624.                                             <p> <b>{% if app.request.locale == 'fr' %}Remarque{% else %}Note{% endif %}</b></p>
  625.                                             <textarea id="remarque" name="remarque" rows="5"></textarea>
  626.                                         </div>
  627.                                     </div>
  628.                                 </div>
  629.                                 <div class="row pt-3 d-flex flex-lg-row flex-column">
  630.                                             <div class="col-12 col-xl-6 d-flex" style="margin-bottom:20px;">
  631.                                                 <div class="g-recaptcha" data-sitekey="6Lf0RGEnAAAAAJcwFd-oTX1mAE4Rqr7ENpEHL70L"></div>
  632.                                                 <div class="error-message">
  633.                                                     {% if app.request.query.has('recaptcha_error') %}
  634.                                                         <span style="color: red;">{% if app.request.locale == 'fr' %}La vérification reCAPTCHA a échoué. Veuillez réessayer.{% else %}The reCAPTCHA check failed. Please try again.{% endif %}</span>
  635.                                                     {% endif %}
  636.                                                 </div>
  637.                                             </div>
  638.                                             <div class="col-12 col-xl-6 mt-3 mt-md-0">
  639.                                                 <div class="col-12 ">
  640.                                                     <div class="form-check">
  641.                                                         <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" name="confidentialite" required>
  642.                                                         <label class="form-check-label" for="flexCheckDefault">                                                       
  643.                                                             {% trans %}form-condition1{% endtrans %} <a href="{{ path('politique',{'locale':app.request.locale})}}" target="_blank">{% trans %}form-condition2{% endtrans %}</a>
  644.                                                     </div>
  645.                                                 </div>
  646.                                                 <div class="col-12 ">
  647.                                                     <div class="bouton-bleu text-end">
  648.                                                         <button type="submit">{% if app.request.locale == 'fr' %}Postuler{% else %}Apply{% endif %}</button>
  649.                                                     </div>
  650.                                                 </div>
  651.                                             </div>
  652.                                         </div>
  653.                                 
  654.                             </form>
  655. </article>
  658.                    
  659.                     </div>
  660.                     <div class="col-lg-4 col-12">
  661.                     <div class="accueil3">
  662.                                 <div class="row justify-content-between">
  663.                                     <div class="col">
  664.                                         <div class="titre_traitBleu">
  665.                                             <div class="titre">
  666.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/sand-clock.svg')}}" alt="">
  667.                                                 <p>{% if app.request.locale == 'fr' %}DUREE{% else %}DURATION{% endif %} </p>
  668.                                             </div>
  669.                                             <div class="trait-bleu">
  670.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  671.                                             </div>
  672.                                         </div>
  673.                                     </div>
  674.                                     <div class="col text-end">
  675.                                         <p> <b> {% if app.request.locale == 'en' %}
  676.             {{ formation.duree|replace({'jour': 'day'}) }}
  677.         {% else %}
  678.             {{ formation.duree }}
  679.         {% endif %}</b> </p>
  680.                                     </div>
  681.                                 </div>
  682.                                 <hr>
  683.                                 <div class="row pt-4 justify-content-between">
  684.                                     <div class="col">
  685.                                         <div class="titre_traitBleu">
  686.                                             <div class="titre">
  687.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/user-add.svg')}}" alt="">
  688.                                                 <p>{% if app.request.locale == 'fr' %}PARTICIPANTS{% else %}ATTENDEES{% endif %} </p>
  689.                                             </div>
  690.                                             <div class="trait-bleu">
  691.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  692.                                             </div>
  693.                                         </div>
  694.                                     </div>
  695.                                     <div class="col text-end">
  696.                                         <p> <b>{% if app.request.locale == 'fr' %}{{formation.nbParticipants}}{% else %}{{formation.nbParticipantsEn}}{% endif %}</b> </p>
  697.                                     </div>
  698.                                 </div>
  699.                                 <hr>
  700.                                 <div class="row pt-4 justify-content-between">
  701.                                     <div class="col-8">
  702.                                         <div class="titre_traitBleu">
  703.                                             <div class="titre">
  704.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/user-add.svg')}}" alt="">
  705.                                                 <p>{% if app.request.locale == 'fr' %}DELAIS D'ACCES{% else %}ACCESS TIME{% endif %}</p>
  706.                                             </div>
  707.                                             <div class="trait-bleu">
  708.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  709.                                             </div>
  710.                                         </div>
  711.                                     </div>
  712.                                     <div class="col-4 text-end">
  713.                                         <p> <b>{% if app.request.locale == 'fr' %}{{formation.delaiFr}}{% else %}{{formation.delaiEn}}{% endif %} </b> </p>
  714.                                     </div>
  715.                                 </div>
  716.                                 <hr>
  717.                                  <div class="row pt-4 justify-content-between">
  718.                                     <div class="col-8">
  719.                                         <div class="titre_traitBleu">
  720.                                             <div class="titre">
  721.                                                 <img class="img-fluid" src="{{asset('img/Formation-A/user-add.svg')}}" alt="">
  722.                                                 <p>{% if app.request.locale == 'fr' %}CATEGORIE{% else %}CATEGORY{% endif %} </p>
  723.                                             </div>
  724.                                             <div class="trait-bleu">
  725.                                                 <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  726.                                             </div>
  727.                                         </div>
  728.                                     </div>
  729.                                     <div class="col-4 text-end">
  730.                                         <p> <b>{% if app.request.locale == 'fr' %}Métier{% else %}Job{% endif %}</b> </p>
  731.                                     </div>
  732.                                 </div>
  733.                                 <hr>
  734.                                
  735.                                
  736.                              
  737.                                 <div class="row pt-4 justify-content-between" style="position:relative;right:7px;">
  738.                                     <div class="accordion" id="accordionExample">
  739.                                         <div class="accordion-item" id="accordion-one">
  740.                                             <h2 class="accordion-header">
  741.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
  742.                                                 <div class="titre_traitBleu">
  743.                                                     <div class="titre">
  744.                                                         <img class="img-fluid" src="{{asset('img/Formation-A/boy.svg')}}" alt="" style="margin-top: -7px;">
  745.                                                         <p>PUBLIC</p>
  746.                                                     </div>
  747.                                                     <div class="trait-bleu">
  748.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  749.                                                     </div>
  750.                                                 </div>
  751.                                             </button>
  752.                                             </h2>
  753.                                             <style>
  754.                                                 .accordion-body li::marker
  755.                                                 {
  756.                                                     color:#163AF5;
  757.                                                     font-size:20px
  758.                                                 }
  759.                                             </style>
  760.                                             <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample" style="">
  761.                                             <div class="accordion-body">
  762.                                                {% if app.request.locale == 'fr' %}{{formation.publicFr|raw}}{% else %}{{formation.publicEn|raw}}{% endif %}
  763.                                               
  764.                                             </div>
  765.                                             </div>
  766.                                         </div>
  767.                                         <hr>
  768.                                         {% if formation.moyenFr != '' %}
  769.                                         <div class="accordion-item">
  770.                                             <h2 class="accordion-header">
  771.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMoyen" aria-expanded="true" aria-controls="collapseMoyen">
  772.                                                 <div class="titre_traitBleu">
  773.                                                     <div class="titre">
  774.                                                         <img class="img-fluid" src="{{asset('img/Formation-A/toolbox.svg')}}" alt="" style="margin-top: -7px;">
  775.                                                         <p>{% if app.request.locale == 'fr' %}MOYENS ET METHODES{% else %}MEANS AND METHODS{% endif %} </p>
  776.                                                     </div>
  777.                                                     <div class="trait-bleu">
  778.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  779.                                                     </div>
  780.                                                 </div>
  781.                                             </button>
  782.                                             </h2>
  783.                                             <div id="collapseMoyen" class="accordion-collapse collapse " aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style="">
  784.                                                 <div class="accordion-body">
  785.                                                     <div class="row py-3">
  786.                                                         <div class="col">
  787.                                                          {% if app.request.locale == 'fr' %}{{formation.moyenFr|raw}}{% else %}{{formation.moyenEn|raw}}{% endif %} 
  788.                                                         </div>
  791.                                                     </div>
  792.                                                 </div>
  793.                                             </div>
  794.                                         </div>
  795.                                         {% endif %}
  796.                                         <hr>
  804.                                         {% if formation.SuviFr != '' %}
  805.                                         <div class="accordion-item">
  806.                                             <h2 class="accordion-header">
  807.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
  808.                                                 <div class="titre_traitBleu">
  809.                                                     <div class="titre">
  810.                                                         <img class="img-fluid" src="{{asset('img/Formation-A/play-list-check.svg')}}" alt="" style="margin-top: -7px;">
  811.                                                         <p>{% if app.request.locale == 'fr' %}SUIVI ET EVALUATION{% else %}MONITORING AND EVALUATION{% endif %} </p>
  812.                                                     </div>
  813.                                                     <div class="trait-bleu">
  814.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  815.                                                     </div>
  816.                                                 </div>
  817.                                             </button>
  818.                                             </h2>
  819.                                             <div id="collapseTwo" class="accordion-collapse collapse " aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style="">
  820.                                                 <div class="accordion-body">
  821.                                                     <div class="row py-3">
  822.                                                         <div class="col">
  823.                                                         <p> {% if app.request.locale == 'fr' %}
  824.                                                                 {{ formation.SuviFr|raw }}
  825.                                                             {% else %}
  826.                                                                 {{ formation.SuiviEn|raw }}
  827.                                                             {% endif %}</p>
  828.                                                         </div>
  831.                                                     </div>
  832.                                                 </div>
  833.                                             </div>
  834.                                         </div>
  835.                                         {% endif %}
  836.                                         <hr>
  840.                                        
  841.                                     
  842.                                         {% if formation.accessibiliteFr != '' %}
  843.                                         <div class="accordion-item">
  844.                                             <h2 class="accordion-header">
  845.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseAcces" aria-expanded="true" aria-controls="collapseAcces">
  846.                                                 <div class="titre_traitBleu">
  847.                                                     <div class="titre">
  848.                                                         <img class="img-fluid" src="{{asset('img/Formation-A/controller.svg')}}" alt="" style="margin-top: -7px;">
  849.                                                         <p>{% if app.request.locale == 'fr' %}ACCESSIBILITE{% else %}ACCESSIBILITY{% endif %} </p>
  850.                                                     </div>
  851.                                                     <div class="trait-bleu">
  852.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  853.                                                     </div>
  854.                                                 </div>
  855.                                             </button>
  856.                                             </h2>
  857.                                             <div id="collapseAcces" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style="">
  858.                                                 <div class="accordion-body">
  859.                                                     <div class="row py-3">
  860.                                                         <div class="col">
  861.                                                            <p>{% if app.request.locale == 'fr' %}{{formation.accessibiliteFr|raw}}{% else %}{{formation.accessibiliteEn|raw}}{% endif %}</p>
  862.                                                             
  863.                                                         </div>
  864.                                                     </div>
  865.                                                 </div>
  866.                                             </div>
  867.                                         </div>
  868.                                         {% endif %}
  869.                                     </div>
  870.                                 </div>
  871.                                 {# <hr> #}
  872.                                 
  879. {% if formation.moyenFr != '' %}
  880.                                 {# <div class="row pt-4 justify-content-between">
  881.                                     <div class="accordion" id="accordionExample"> #}
  882.                                         {# <div class="accordion-item">
  883.                                             <h2 class="accordion-header">
  884.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMoyen" aria-expanded="true" aria-controls="collapseMoyen">
  885.                                                 <div class="titre_traitBleu">
  886.                                                     <div class="titre">
  887.                                                         <img class="img-fluid" src="{{asset('img/Formation-A/toolbox.svg')}}" alt="" style="margin-top: -7px;">
  888.                                                         <p>MOYENS ET METHODES</p>
  889.                                                     </div>
  890.                                                     <div class="trait-bleu">
  891.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  892.                                                     </div>
  893.                                                 </div>
  894.                                             </button>
  895.                                             </h2>
  896.                                             <div id="collapseMoyen" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style="">
  897.                                                 <div class="accordion-body">
  898.                                                     <div class="row py-3">
  899.                                                         <div class="col">
  900.                                                         {{formation.moyenFr|raw}}
  901.                                                         </div>
  904.                                                     </div>
  905.                                                 </div>
  906.                                             </div>
  907.                                         </div> #}
  908.                                     {# </div>
  909.                                 </div>
  910.                                 <hr> #}
  911. {% endif %}
  914. {% if formation.SuviFr != '' %}
  915.                                 {# <div class="row pt-4 justify-content-between">
  916.                                     <div class="accordion" id="accordionExample"> #}
  917.                                         {# <div class="accordion-item">
  918.                                             <h2 class="accordion-header">
  919.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSuivi" aria-expanded="true" aria-controls="collapseSuivi">
  920.                                                 <div class="titre_traitBleu">
  921.                                                     <div class="titre">
  922.                                                         <img class="img-fluid" src="{{asset('img/Formation-A/play-list-check.svg')}}" alt="" style="margin-top: -7px;">
  923.                                                         <p>SUIVI ET EVALUATION</p>
  924.                                                     </div>
  925.                                                     <div class="trait-bleu">
  926.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  927.                                                     </div>
  928.                                                 </div>
  929.                                             </button>
  930.                                             </h2>
  931.                                             <div id="collapseSuivi" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style="">
  932.                                                 <div class="accordion-body">
  933.                                                     <div class="row py-3">
  934.                                                         <div class="col">
  935.                                                         {{formation.SuviFr|raw}}
  936.                                                         </div>
  937.                                                     </div>
  938.                                                 </div>
  939.                                             </div>
  940.                                         </div> #}
  941.                                     {# </div>
  942.                                 </div>
  943.                                 <hr> #}
  944. {% endif %}
  946. {% if formation.accessibiliteFr != '' %}
  947.                                 {# <div class="row pt-4 justify-content-between">
  948.                                     <div class="accordion" id="accordionExample"> #}
  949.                                         {# <div class="accordion-item">
  950.                                             <h2 class="accordion-header">
  951.                                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseAcces" aria-expanded="true" aria-controls="collapseAcces">
  952.                                                 <div class="titre_traitBleu">
  953.                                                     <div class="titre">
  954.                                                         <img class="img-fluid" src="{{asset('img/Formation-A/controller.svg')}}" alt="" style="margin-top: -7px;">
  955.                                                         <p>ACCESSIBILITE</p>
  956.                                                     </div>
  957.                                                     <div class="trait-bleu">
  958.                                                         <img class="img-fluid" src="{{asset('img/recrutement/Ligne 80.svg')}}" alt="">
  959.                                                     </div>
  960.                                                 </div>
  961.                                             </button>
  962.                                             </h2>
  963.                                             <div id="collapseAcces" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-bs-parent="#accordionExample" style="">
  964.                                                 <div class="accordion-body">
  965.                                                     <div class="row py-3">
  966.                                                         <div class="col">
  967.                                                            <p>{{formation.accessibiliteFr|raw}}</p>
  968.                                                             
  969.                                                         </div>
  970.                                                     </div>
  971.                                                 </div>
  972.                                             </div>
  973.                                         </div> #}
  974.                                     {# </div>
  975.                                 </div>
  976.                                 <hr> #}
  977. {% endif %}
  978.                                 
  981.                             </div>
  982.                     </div>
  983.                 </div>
  984.             </div>
  985.         </section>
  995.             </div>
  996.           
  997.         </main>
  999.            <!-- Google reCAPTCHA script -->
  1000. <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  1001. <script src="https://www.google.com/recaptcha/api.js?hl={{ app.request.locale == 'fr' ? 'fr' : 'en' }}"></script>
  1005. {% endblock %}