templates/default/politique.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' %}Politique de confidentialité{% else %}Privacy policy{% endif %}{% endblock %}
  7. {# CSS #}
  8. {% block stylesheet %}
  9.         <link rel="stylesheet" href="{{ asset('css/politique.css')}}">
  10. {% endblock %}
  12. {# BODY HOME PAGE #}
  13. {% block body %}
  15. {% if app.user %}
  16.     {% include 'cms.html.twig' %}
  17.     <style>
  18.         .accueil{
  19.             padding-top:400px;
  20.         }
  21.        
  22.     </style>
  23. {% endif %}
  25. <main>
  26.             <div class="accueil">
  27.                 <div class="container text-light">
  28.                     <div class="row" >
  29.                         <div class="col-12">
  30.                             <div class="row">
  31.                                 <h1 class="opensans_bold_50" style="margin-bottom: 0!important;">POLITIQUE DE CONFIDENTIALITE</h1>
  32.                                 <div class="col-6">
  33.                                     <div class="traitBlanc"></div>
  34.                                 </div>
  35.                             </div>  
  36.                         </div>
  37.                     </div>
  38.                 </div>
  39.             </div>
  42.             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ -->
  45. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  GESTION DES SECTION ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  47. {% set i = 0 %}
  48. {% for section in sections %}
  49. {% if section.id == '948' %}
  51. {% set i = i +1 %}
  52.           
  53. <section id="section{{section.id}}" style="
  54.     {% if section.image %}
  55.         background-image: url(../uploads/sections/{{section.image}});
  56.         background-size: contain;
  57.         background-repeat: repeat-x;
  58.         background-color: #170069;
  60.     {% else %}
  61.         background-color:{{section.color}}; 
  62.     {% endif %}
  65.     {% if i > 1 %}
  66.         margin-top:-54px
  67.     {% endif %} 
  68. ">
  71. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  72. {% set y = 0 %}
  73. {% for res in section.lignes %}
  74. {% set y = y+1 %}
  75.     <div  id="{% if i == 1 %}sectionMain{% else %}sectionReste{% endif %}" data-aos="fade-up" data-aos-duration="1000" style="{% if i == 1 %}
  76.     {% else %}
  77.     {% if i > 1 %}
  78.     padding-top:112px; padding-bottom:112px;
  79.     {% endif %}
  80.     {% if y > 1 %}
  81.     padding-top:0; padding-bottom:112px;
  82.     {% endif %}
  83.     
  84.     {% endif %}">
  85.         <div class="container text-light pb-3"> 
  86.             <div class="row pt-5 justify-content-center justify-content-md-start">
  88.            
  89.                        
  90.                 {% for res2 in res.blocs %}
  91.                     <div id="bloc{{res2.id}}" data-aos="fade-up" data-aos-duration="1000" class="
  93.                         {% if res2.type == 2 %}
  94.                             col-xl-2 col-12
  95.                         {% endif %}
  97.                         {% if res2.type == 3 %}
  98.                             col-xxl-3 col-md-6 col-12
  99.                         {% endif %}
  101.                         {% if res2.type == 4 %}
  102.                             col-xxl-4 col-md-6 col-12
  103.                         {% endif %}
  105.                         {% if res2.type == 6 %}
  106.                             col-lg-6 col-12
  107.                         {% endif %}
  109.                         {% if res2.type == 8 %}
  110.                             col-12
  111.                         {% endif %}
  113.                         {% if res2.type == 12 %}
  114.                             col-12
  115.                         {% endif %}
  119.                         
  120.                     
  121.                     
  122.                     " {% if app.user %} style="border:dashed 1px grey; border-radius:10px; margin-bottom:10px"{% endif %}>
  123.                        
  124.                                     
  125.                         {% if res2.contenuses is not empty %}
  126.                             {% if res2.contenuses.0.typesContenus.id != 8 %}
  127.                             {% endif %}
  128.                         {% endif %}
  130. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->                   
  131. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   AFFCHER CONTENUS   ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  132. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  134.                         {% if res2.contenuses is not empty %}
  137.                             <!-- ///\\\ ///\\\ TEXTE ///\\\ ///\\\  -->
  139.                             {% if res2.contenuses.0.typesContenus.id == 1 %}
  141.                                 {% if app.request.locale == 'en' %}{{res2.contenuses.0.TexteEn|raw}}{% else %}{{res2.contenuses.0.TexteFr|raw}}{% endif %}
  142.                                 
  143.                                 {% if res2.contenuses.0.document is not empty %}
  144.                                 <a href="{{res2.contenuses.0.document}}" target="_blank" style="text-decoration:none;">
  145.                                             <button type="button btn-modal" class="justify-content-center align-items-center text-center" 
  146.                                                 style="
  147.                                                   background-color:{{res2.contenuses.0.background}}!important; 
  148.                                                     border:solid 3px {{res2.contenuses.0.couleur1}}!important;
  149.                                                     border-radius: 30px!important;
  150.                                                     color: rgb(0, 206, 255);
  151.                                                     font-weight: bold;
  152.                                                     background-color: #0c24b3;
  153.                                                     cursor: pointer;
  154.                                                     padding-top: 12px;
  155.                                                     padding-left: 50px;
  156.                                                     padding-right: 50px;
  157.                                                     margin-top:20px
  158.                                                  
  159.                                                     
  160.                                             ">
  161.                                             {% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}</button>
  162.                                         </a>
  163.                                 {% endif %}
  164.                             {% endif %}
  166.                            
  168.                             <!-- ///\\\ ///\\\ FIN TEXTE ///\\\ ///\\\  -->
  171.                         
  175.                     
  177.                         {% endif %}
  179.                             
  180.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  184.                         {% if res2.contenuses is not empty %}
  186.                             <!-- ///\\\ ///\\\ BOX PICTO CAROUSEL ///\\\ ///\\\  -->
  188.                             {% if res2.contenuses.0.typesContenus.id == 10 %}
  189.                                 <div data-aos="fade-up" data-aos-duration="1000" class="container d-flex paddingPerso2" >
  190.                                     <div class="slider-demo-valeur">
  193.                                         {% for carou in  res2.contenuses.0.carousels|sort((a, b) => a.ordre < b.ordre ? -1 : 1) %}
  194.                                             <div data-aos="fade-up" data-aos-duration="1000" class="carte " style="padding-left: 15px!important;padding-right: 15px;!important">
  195.                                                 <div class="col-12">
  196.                                                     <div class="image d-flex justify-content-center">
  197.                                                         <img src="{{asset('uploads/carousels/'~carou.image)}}" alt="{% if app.request.locale == 'en' %}{{carou.titreEn}}{% else %}{{carou.titreFr}}{% endif %}">
  198.                                                     </div>
  199.                                                     <div class="corps-carte">
  200.                                                         <div class="tete-carte">
  201.                                                             <p>{% if app.request.locale == 'en' %}{{carou.titreEn|raw}}{% else %}{{carou.titreFr|raw}}{% endif %} </p>
  202.                                                         </div>
  203.                                                         <div class="texte-carte">
  204.                                                             <div class="texte-1">
  205.                                                                 {% if app.request.locale == 'en' %}{{carou.texteEn|raw}}{% else %}{{carou.texteFr|raw}}{% endif %} 
  206.                                                             </div>
  207.                                                         </div>
  208.                                                     </div>
  209.                                                 </div>
  210.                                             </div>
  211.                                         {% endfor %}
  212.                                     </div>
  213.                                 </div>
  214.                             {% endif %}
  215.                                 
  216.                             {% if app.user %}
  217.                                 {% if res2.contenuses.0.typesContenus.id == 10 %}            
  218.                                     <br>
  219.                                     <div data-aos="fade-up" data-aos-duration="1000" class="d-flex justify-content-center">
  220.                                         <a href="{{path('app_carousels_index',{'contenu':res2.contenuses.0.id})}}"><button type="button"  style="margin-bottom:5px" class="btn btn-info"  >Gérer les carousels</button></a>
  221.                                     </div>
  222.                                 {% endif %}
  223.                             {% endif %}
  225.                             <!-- ///\\\ ///\\\ FIN BOXPICTO CAROUSEL ///\\\ ///\\\  -->
  226.                         {% endif %}
  229.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  236.                            
  239.                        
  246.                         
  248.                           
  252.                         
  253.                           
  255.                 
  259.                       
  260.                         
  265.                         <!-- ///\\\ ///\\\ BOUTON MODIFIER CMS ///\\\ ///\\\  --> 
  266.                         {% if res2.contenuses is not empty %}
  267.                             {% if res2.contenuses.0.typesContenus.id != 8 and res2.contenuses.0.typesContenus.id != 10 and res2.contenuses.0.typesContenus.id != 9 %}
  268.                                 {% if app.user %}
  269.                                     <div class="d-flex justify-content-center mb-3">
  270.                                         <a href="{{path('app_editContent',{'id':res2.contenuses.0.id,'type':res2.contenuses.0.typesContenus.libelle})}}">
  271.                                             <div class="d-flex justify-content-center align-items-center cubeIcon">
  272.                                                 <i class="fa-solid fa-pen"></i>
  273.                                             </div>
  274.                                         </a>
  275.                                        
  276.                                     </div>
  277.                                 {% endif %}
  278.                             {% endif %}
  279.                         {% endif %}
  282. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->                   
  283. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\    MODAL CONTENUS    ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  284. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  287. {% if app.user %}
  288.     {% if res2.contenuses is  empty %}
  289.         <button type="button" style="margin-bottom:5px" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#addContenu{{res2.id}}" >Ajouter un contenu</button>
  290.     {% endif %}
  294. <!-- ///\\\ ///\\\ MODAL CONTENUS ///\\\ ///\\\  --> 
  295.     <div class="modal fade" id="addContenu{{res2.id}}" tabindex="-1" aria-labelledby="addContenu" aria-hidden="true">
  296.         <div class="modal-dialog">
  297.             <div class="modal-content">
  298.                 <div class="modal-body">
  299.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  301.                     <div class="container-modal d-flex flex-column">
  302.                         <h2>Ajouter un contenu</h2>
  303.                         <p>Les «blocs» peuvent contenir chacun un «Contenu» dédiés à du texte, une image, un lien youtube, …</p>
  304.                     </div>
  305.                     
  306.                     <div class="container-contenu d-flex flex-wrap  justify-content-start">
  307.                         <a href="{{path('app_addContent',{'bloc':res2.id,'type':'texte'})}}">
  308.                             <div class="container-picto container-picto-texte">
  309.                                 <div class="simu-grid-picto d-flex justify-content-center align-items-center">
  310.                                     <img src="{{asset('img/cms/cpi-textes.svg')}}" alt="">
  311.                                 </div>
  312.                                 <p class="colonneText text-center">Texte</p>
  313.                             </div>
  314.                         </a>        
  315.                     </div>
  317.                     <div class="modal-submit d-flex justify-content-end align-items-end">
  318.                         <button type="submit" class=" btnAdd btnAdd2">Ajouter</button>
  319.                     </div>
  320.                 </div>
  321.             </div>
  322.         </div> 
  323.     </div>   
  325. <!-- ///\\\ ///\\\ FIN MODAL CONTENUS ///\\\ ///\\\  -->                                                                        
  328. <!-- ///\\\ ///\\\ MODAL CONTENUS 2 ///\\\ ///\\\  -->                             
  329.     <div class="modal fade" id="addContenu{{res2.id}}" tabindex="-1" aria-labelledby="addContenu" aria-hidden="true">
  330.         <div class="modal-dialog">
  331.             <div class="modal-content">
  332.                 <div class="modal-body">
  333.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  335.                     <div class="container-modal d-flex flex-column">
  336.                         <h2>Ajouter un contenu</h2>
  337.                         <p>Les «blocs» sont des éléments de « Section » répartis en colonnes contenant chacun un «Contenu» dédiés à du texte, une image ou un lien youtube.</p>
  338.                     </div>
  339.                     
  340.                     <div class="container-grid-choix d-flex flex-wrap justify-content-around ">
  341.                         <a href="{{path('app_addContent',{'bloc':res2.id,'type':'texte'})}}">
  342.                             <div class="container-choix">
  343.                                 <div class="simu-grid d-flex justify-content-center align-items-center">
  344.                                     <div class="simu-col simu-col-12 d-flex justify-content-center align-items-center">
  345.                                         <p>12</p>
  346.                                     </div>
  347.                                 </div>
  348.                                 <p class="colonneText text-center">Texte</p>
  349.                             </div>
  350.                         </a>
  351.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':66})}}">
  352.                         <div class="container-choix">
  353.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  354.                                 <div class="simu-col simu-col-6 d-flex justify-content-center align-items-center">
  355.                                     <p>6</p>
  356.                                 </div>
  357.                                 <div class="simu-col simu-col-6 d-flex justify-content-center align-items-center">
  358.                                     <p>6</p>
  359.                                 </div>
  360.                             </div>  
  361.                             <p class="colonneText text-center">3 colonne</p>
  362.                         </div>
  363.                     </a>
  365.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':444})}}">
  366.                         <div class="container-choix">
  367.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  368.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  369.                                     <p>4</p>
  370.                                 </div>
  371.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  372.                                     <p>4</p>
  373.                                 </div>
  374.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  375.                                     <p>4</p>
  376.                                 </div>
  377.                             </div>
  378.                             <p class="colonneText text-center">2 colonne</p>
  379.                         </div>
  380.                     </a>
  382.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':84})}}">
  383.                         <div class="container-choix">
  384.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  385.                                 <div class="simu-col simu-col-8 d-flex justify-content-center align-items-center">
  386.                                     <p>8</p>
  387.                                 </div>
  388.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  389.                                     <p>4</p>
  390.                                 </div>
  391.                             </div>
  392.                             <p class="colonneText text-center">2 colonne</p>
  393.                         </div>
  394.                     </a>
  396.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':48})}}">
  397.                         <div class="container-choix">
  398.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  399.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  400.                                     <p>4</p>
  401.                                 </div>
  402.                                 <div class="simu-col simu-col-8 d-flex justify-content-center align-items-center">
  403.                                     <p>8</p>
  404.                                 </div>                    
  405.                             </div>
  406.                             <p class="colonneText text-center">2 colonne</p>
  407.                         </div>
  408.                     </a>
  410.                 </div>
  412.                 <div class="modal-submit d-flex justify-content-end align-items-end">
  413.                     <button type="submit" class=" btnAdd btnAdd2">Ajouter</button>
  414.                 </div>
  415.             </div>
  416.         </div>
  417.     </div> 
  418. </div>
  419. {% endif %}
  422. <!-- ///\\\ ///\\\ FIN MODAL CONTENUS 2 ///\\\ ///\\\  -->  
  424. </div>
  426. {% endfor %}                       
  427. </div>
  433. {% endfor %}
  440. <!-- ///\\\ ///\\\  FIN SECTION + FORME BLEU SOUS SECTION DANS LE DOM ///\\\ ///\\\  --> 
  442. </section>
  443. <div class="container">
  444.     <div class="formeBleu">
  445.         <div class="row justify-content-center d-flex">
  446.             {% if section.rond != '' %}
  447.                 <img src="{{asset('uploads/sections/'~section.rond)}}" class="img-fluid d-none d-lg-block">                        
  448.             {% endif %}
  449.         </div>
  450.     </div>
  451. </div>
  452. {% endif %}
  453. {% endfor %}
  472.        
  478.             
  480.             <div class="container" style="margin-bottom: 120px;">
  481.                 <div class="container-text-container">
  482.                     <div class="row">
  483.                         <div class="col-12">
  485.                             
  486.                             <h2><strong>4.    Comment traitons-nous vos donnees personnelles ?</strong></h2>
  487.                             <br>
  488.                             <!-- <img style="width: 80%;" src="{{asset('img/politique/tbPolitique1.png')}}" alt="tableau">    -->
  489.                             
  491.                             
  493.                             <div class="table-responsive">
  494.                               <table class="table table-striped">
  495.                                 <thead>
  496.                                     <tr>
  497.                                         <th>Pour quelle(s) finalité(s) ?</th>
  498.                                         <th>Sur quelle(s) base(s) ?</th>
  499.                                     </tr>
  500.                                 </thead>
  501.                                 <tbody>
  502.                                     <tr>
  503.                                         <td>Pour la gestion des candidatures conformément à notre processus de recrutement</td>
  504.                                         <td>L'exécution de mesures précontractuelles prises à votre demande.</td>
  505.                                     </tr>
  506.                                     <tr>
  507.                                         <td>Pour la protection de nos biens et pour la sécurité de nos réseaux informatiques (notre infrastructure IT, sécurité du site internet, ...)</td>
  508.                                         <td>Notre intérêt légitime à assurer la protection de nos biens et la sécurité de nos réseaux informatiques.</td>
  509.                                     </tr>
  510.                                     <tr>
  511.                                         <td>Pour respecter nos obligations vis-à-vis des autorités publiques (organismes de la sécurité sociale, organisme de santé complémentaire, police, assurance etc.).</td>
  512.                                         <td>Nos obligations légales.</td>
  513.                                     </tr>
  514.                                     <tr>
  515.                                         <td>Pour prendre connaissance des messages qui nous sont envoyés au moyen du formulaire de contact et y répondre</td>
  516.                                         <td>Consentement de la personne concernée au traitement de données lors de l’envoi du message.</td>
  517.                                     </tr>
  518.                                     <tr>
  519.                                         <td>Pour la gestion et le bon fonctionnement du site internet à l’aide notamment de cookies.</td>
  520.                                         <td>Consentement de la personne concernée et intérêts légitimes du responsable du traitement selon le type de cookies. Voir la partie concernant les cookies.</td>
  521.                                     </tr>
  522.                                     <tr>
  523.                                         <td>Pour le déploiement de nos activités de prospections, et relations commerciales / événementiels</td>
  524.                                         <td>Notre intérêt légitime pour assurer le développement et le déploiement de CPI et de ses compétences et le Consentement de la personne concernée au traitement de données lors de l’envoi de message.</td>
  525.                                     </tr>
  526.                                 </tbody>
  527.                              </table>
  528.                             </div>
  531.                             
  532.             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ -->
  535. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  GESTION DES SECTION ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  538. {% for section in sections %}
  539. {% if section.id == '949' %}
  541. {% set i = i +1 %}
  542.           
  543. <section id="section{{section.id}}" style="
  544.     {% if section.image %}
  545.         background-image: url(../uploads/sections/{{section.image}});
  546.         background-size: contain;
  547.         background-repeat: repeat-x;
  548.         background-color: #170069;
  550.     {% else %}
  551.         background-color:{{section.color}}; 
  552.     {% endif %}
  555.     {% if i > 1 %}
  556.         margin-top:-54px
  557.     {% endif %} 
  558. ">
  561. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  562. {% set y = 0 %}
  563. {% for res in section.lignes %}
  564. {% set y = y+1 %}
  565.     <div  id="{% if i == 1 %}sectionMain{% else %}sectionReste{% endif %}" data-aos="fade-up" data-aos-duration="1000" style="{% if i == 1 %}
  566.     {% else %}
  567.     {% if i > 1 %}
  568.     padding-top:50px; 
  569.     {% endif %}
  570.     {% if y > 1 %}
  571.     padding-top:0; 
  572.     {% endif %}
  573.     
  574.     {% endif %}">
  575.         <div class="container text-light pb-3"> 
  576.             <div class="row pt-5 justify-content-center justify-content-md-start">
  578.           
  579.                 {% for res2 in res.blocs %}
  580.                     <div id="bloc{{res2.id}}" data-aos="fade-up" data-aos-duration="1000" class="
  582.                         {% if res2.type == 2 %}
  583.                             col-xl-2 col-12
  584.                         {% endif %}
  586.                         {% if res2.type == 3 %}
  587.                             col-xxl-3 col-md-6 col-12
  588.                         {% endif %}
  590.                         {% if res2.type == 4 %}
  591.                             col-xxl-4 col-md-6 col-12
  592.                         {% endif %}
  594.                         {% if res2.type == 6 %}
  595.                             col-lg-6 col-12
  596.                         {% endif %}
  598.                         {% if res2.type == 8 %}
  599.                             col-12
  600.                         {% endif %}
  602.                         {% if res2.type == 12 %}
  603.                             col-12
  604.                         {% endif %}
  608.                         
  609.                     
  610.                     
  611.                     " {% if app.user %} style="border:dashed 1px grey; border-radius:10px; margin-bottom:10px"{% endif %}>
  612.                        
  613.                                     
  614.                         {% if res2.contenuses is not empty %}
  615.                             {% if res2.contenuses.0.typesContenus.id != 8 %}
  616.                             {% endif %}
  617.                         {% endif %}
  619. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->                   
  620. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   AFFCHER CONTENUS   ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  621. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  623.                         {% if res2.contenuses is not empty %}
  626.                             <!-- ///\\\ ///\\\ TEXTE ///\\\ ///\\\  -->
  628.                             {% if res2.contenuses.0.typesContenus.id == 1 %}
  630.                                 {% if app.request.locale == 'en' %}{{res2.contenuses.0.TexteEn|raw}}{% else %}{{res2.contenuses.0.TexteFr|raw}}{% endif %}
  631.                                 
  632.                                 {% if res2.contenuses.0.document is not empty %}
  633.                                 <a href="{{res2.contenuses.0.document}}" target="_blank" style="text-decoration:none;">
  634.                                             <button type="button btn-modal" class="justify-content-center align-items-center text-center" 
  635.                                                 style="
  636.                                                   background-color:{{res2.contenuses.0.background}}!important; 
  637.                                                     border:solid 3px {{res2.contenuses.0.couleur1}}!important;
  638.                                                     border-radius: 30px!important;
  639.                                                     color: rgb(0, 206, 255);
  640.                                                     font-weight: bold;
  641.                                                     background-color: #0c24b3;
  642.                                                     cursor: pointer;
  643.                                                     padding-top: 12px;
  644.                                                     padding-left: 50px;
  645.                                                     padding-right: 50px;
  646.                                                     margin-top:20px
  647.                                                  
  648.                                                     
  649.                                             ">
  650.                                             {% if app.request.locale == 'en' %}{{res2.contenuses.0.TitreEn|raw}}{% else %}{{res2.contenuses.0.TitreFr|raw}}{% endif %}</button>
  651.                                         </a>
  652.                                 {% endif %}
  653.                             {% endif %}
  655.                            
  657.                             <!-- ///\\\ ///\\\ FIN TEXTE ///\\\ ///\\\  -->
  660.                         
  664.                     
  666.                         {% endif %}
  668.                             
  669.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  673.                         {% if res2.contenuses is not empty %}
  675.                             <!-- ///\\\ ///\\\ BOX PICTO CAROUSEL ///\\\ ///\\\  -->
  677.                             {% if res2.contenuses.0.typesContenus.id == 10 %}
  678.                                 <div data-aos="fade-up" data-aos-duration="1000" class="container d-flex paddingPerso2" >
  679.                                     <div class="slider-demo-valeur">
  682.                                         {% for carou in  res2.contenuses.0.carousels|sort((a, b) => a.ordre < b.ordre ? -1 : 1) %}
  683.                                             <div data-aos="fade-up" data-aos-duration="1000" class="carte " style="padding-left: 15px!important;padding-right: 15px;!important">
  684.                                                 <div class="col-12">
  685.                                                     <div class="image d-flex justify-content-center">
  686.                                                         <img src="{{asset('uploads/carousels/'~carou.image)}}" alt="{% if app.request.locale == 'en' %}{{carou.titreEn}}{% else %}{{carou.titreFr}}{% endif %}">
  687.                                                     </div>
  688.                                                     <div class="corps-carte">
  689.                                                         <div class="tete-carte">
  690.                                                             <p>{% if app.request.locale == 'en' %}{{carou.titreEn|raw}}{% else %}{{carou.titreFr|raw}}{% endif %} </p>
  691.                                                         </div>
  692.                                                         <div class="texte-carte">
  693.                                                             <div class="texte-1">
  694.                                                                 {% if app.request.locale == 'en' %}{{carou.texteEn|raw}}{% else %}{{carou.texteFr|raw}}{% endif %} 
  695.                                                             </div>
  696.                                                         </div>
  697.                                                     </div>
  698.                                                 </div>
  699.                                             </div>
  700.                                         {% endfor %}
  701.                                     </div>
  702.                                 </div>
  703.                             {% endif %}
  704.                                 
  705.                             {% if app.user %}
  706.                                 {% if res2.contenuses.0.typesContenus.id == 10 %}            
  707.                                     <br>
  708.                                     <div data-aos="fade-up" data-aos-duration="1000" class="d-flex justify-content-center">
  709.                                         <a href="{{path('app_carousels_index',{'contenu':res2.contenuses.0.id})}}"><button type="button"  style="margin-bottom:5px" class="btn btn-info"  >Gérer les carousels</button></a>
  710.                                     </div>
  711.                                 {% endif %}
  712.                             {% endif %}
  714.                             <!-- ///\\\ ///\\\ FIN BOXPICTO CAROUSEL ///\\\ ///\\\  -->
  715.                         {% endif %}
  718.                             <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  725.                            
  728.                        
  735.                         
  737.                           
  741.                         
  742.                           
  744.                 
  748.                       
  749.                         
  754.                         <!-- ///\\\ ///\\\ BOUTON MODIFIER CMS ///\\\ ///\\\  --> 
  755.                         {% if res2.contenuses is not empty %}
  756.                             {% if res2.contenuses.0.typesContenus.id != 8 and res2.contenuses.0.typesContenus.id != 10 and res2.contenuses.0.typesContenus.id != 9 %}
  757.                                 {% if app.user %}
  758.                                     <div class="d-flex justify-content-center mb-3">
  759.                                         <a href="{{path('app_editContent',{'id':res2.contenuses.0.id,'type':res2.contenuses.0.typesContenus.libelle})}}">
  760.                                             <div class="d-flex justify-content-center align-items-center cubeIcon">
  761.                                                 <i class="fa-solid fa-pen"></i>
  762.                                             </div>
  763.                                         </a>
  764.                                        
  765.                                     </div>
  766.                                 {% endif %}
  767.                             {% endif %}
  768.                         {% endif %}
  771. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->                   
  772. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\    MODAL CONTENUS    ///\\\ ///\\\ ///\\\ ///\\\ ///\\\   -->
  773. <!-- ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\ ///\\\  -->
  776. {% if app.user %}
  777.     {% if res2.contenuses is  empty %}
  778.         <button type="button" style="margin-bottom:5px" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#addContenu{{res2.id}}" >Ajouter un contenu</button>
  779.     {% endif %}
  783. <!-- ///\\\ ///\\\ MODAL CONTENUS ///\\\ ///\\\  --> 
  784.     <div class="modal fade" id="addContenu{{res2.id}}" tabindex="-1" aria-labelledby="addContenu" aria-hidden="true">
  785.         <div class="modal-dialog">
  786.             <div class="modal-content">
  787.                 <div class="modal-body">
  788.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  790.                     <div class="container-modal d-flex flex-column">
  791.                         <h2>Ajouter un contenu</h2>
  792.                         <p>Les «blocs» peuvent contenir chacun un «Contenu» dédiés à du texte, une image, un lien youtube, …</p>
  793.                     </div>
  794.                     
  795.                     <div class="container-contenu d-flex flex-wrap  justify-content-start">
  796.                         <a href="{{path('app_addContent',{'bloc':res2.id,'type':'texte'})}}">
  797.                             <div class="container-picto container-picto-texte">
  798.                                 <div class="simu-grid-picto d-flex justify-content-center align-items-center">
  799.                                     <img src="{{asset('img/cms/cpi-textes.svg')}}" alt="">
  800.                                 </div>
  801.                                 <p class="colonneText text-center">Texte</p>
  802.                             </div>
  803.                         </a>        
  804.                     </div>
  806.                     <div class="modal-submit d-flex justify-content-end align-items-end">
  807.                         <button type="submit" class=" btnAdd btnAdd2">Ajouter</button>
  808.                     </div>
  809.                 </div>
  810.             </div>
  811.         </div> 
  812.     </div>   
  814. <!-- ///\\\ ///\\\ FIN MODAL CONTENUS ///\\\ ///\\\  -->                                                                        
  817. <!-- ///\\\ ///\\\ MODAL CONTENUS 2 ///\\\ ///\\\  -->                             
  818.     <div class="modal fade" id="addContenu{{res2.id}}" tabindex="-1" aria-labelledby="addContenu" aria-hidden="true">
  819.         <div class="modal-dialog">
  820.             <div class="modal-content">
  821.                 <div class="modal-body">
  822.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  824.                     <div class="container-modal d-flex flex-column">
  825.                         <h2>Ajouter un contenu</h2>
  826.                         <p>Les «blocs» sont des éléments de « Section » répartis en colonnes contenant chacun un «Contenu» dédiés à du texte, une image ou un lien youtube.</p>
  827.                     </div>
  828.                     
  829.                     <div class="container-grid-choix d-flex flex-wrap justify-content-around ">
  830.                         <a href="{{path('app_addContent',{'bloc':res2.id,'type':'texte'})}}">
  831.                             <div class="container-choix">
  832.                                 <div class="simu-grid d-flex justify-content-center align-items-center">
  833.                                     <div class="simu-col simu-col-12 d-flex justify-content-center align-items-center">
  834.                                         <p>12</p>
  835.                                     </div>
  836.                                 </div>
  837.                                 <p class="colonneText text-center">Texte</p>
  838.                             </div>
  839.                         </a>
  840.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':66})}}">
  841.                         <div class="container-choix">
  842.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  843.                                 <div class="simu-col simu-col-6 d-flex justify-content-center align-items-center">
  844.                                     <p>6</p>
  845.                                 </div>
  846.                                 <div class="simu-col simu-col-6 d-flex justify-content-center align-items-center">
  847.                                     <p>6</p>
  848.                                 </div>
  849.                             </div>  
  850.                             <p class="colonneText text-center">3 colonne</p>
  851.                         </div>
  852.                     </a>
  854.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':444})}}">
  855.                         <div class="container-choix">
  856.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  857.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  858.                                     <p>4</p>
  859.                                 </div>
  860.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  861.                                     <p>4</p>
  862.                                 </div>
  863.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  864.                                     <p>4</p>
  865.                                 </div>
  866.                             </div>
  867.                             <p class="colonneText text-center">2 colonne</p>
  868.                         </div>
  869.                     </a>
  871.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':84})}}">
  872.                         <div class="container-choix">
  873.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  874.                                 <div class="simu-col simu-col-8 d-flex justify-content-center align-items-center">
  875.                                     <p>8</p>
  876.                                 </div>
  877.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  878.                                     <p>4</p>
  879.                                 </div>
  880.                             </div>
  881.                             <p class="colonneText text-center">2 colonne</p>
  882.                         </div>
  883.                     </a>
  885.                     <a href="{{path('app_addBloc',{'ligne':res.id,'type':48})}}">
  886.                         <div class="container-choix">
  887.                             <div class="simu-grid d-flex justify-content-around align-items-center">
  888.                                 <div class="simu-col simu-col-4 d-flex justify-content-center align-items-center">
  889.                                     <p>4</p>
  890.                                 </div>
  891.                                 <div class="simu-col simu-col-8 d-flex justify-content-center align-items-center">
  892.                                     <p>8</p>
  893.                                 </div>                    
  894.                             </div>
  895.                             <p class="colonneText text-center">2 colonne</p>
  896.                         </div>
  897.                     </a>
  899.                 </div>
  901.                 <div class="modal-submit d-flex justify-content-end align-items-end">
  902.                     <button type="submit" class=" btnAdd btnAdd2">Ajouter</button>
  903.                 </div>
  904.             </div>
  905.         </div>
  906.     </div> 
  907. </div>
  908. {% endif %}
  911. <!-- ///\\\ ///\\\ FIN MODAL CONTENUS 2 ///\\\ ///\\\  -->  
  913. </div>
  914. {% endfor %}                       
  915. </div>
  920. </div>
  922. {% endfor %}
  927. <!-- ///\\\ ///\\\  FIN SECTION + FORME BLEU SOUS SECTION DANS LE DOM ///\\\ ///\\\  --> 
  929. </section>
  930. <div class="container">
  931.     <div class="formeBleu">
  932.         <div class="row justify-content-center d-flex">
  933.             {% if section.rond != '' %}
  934.                 <img src="{{asset('uploads/sections/'~section.rond)}}" class="img-fluid d-none d-lg-block">                        
  935.             {% endif %}
  936.         </div>
  937.     </div>
  938. </div>
  939. {% endif %} 
  940. {% endfor %}
  943.   
  944.        
  945.         </main>
  946. {% endblock %}