templates/front/bloc/index.html.twig line 1

Open in your IDE?
  1. {% set class_title = "" %}
  2. {% set text_classe = "" %}
  4. {% set classe = bloc.classe|split(' ') %}
  5. {% if classe|length >= 0 %}
  6.     {% set text_classe = classe[0] %}
  7. {% endif %}
  8. {% set video = "" %}
  9. {% set pdf = "" %}
  11. {% set videoType = constant('App\\Entity\\Medias\\Media::TYPE_MEDIA_VIDEO_BNR') %}
  12. {% set pdfType = constant('App\\Entity\\Medias\\Media::TYPE_MEDIA_PDF') %}
  15. {% set media = bloc.medias | first %}
  16. {% if medias[videoType] is defined %}
  17.     {% set video = medias[videoType][0] %}
  18. {% endif %}
  19. {% if medias[pdfType] is defined %}
  20.     {% set pdf = medias[pdfType][0] %}
  21. {% endif %}
  25. <div class="container reveal">
  27.     {% if bloc.istitrePrincipaleBloc  != null %}
  28.         <span class="{{bloc.classeTitrePrincipaleBloc}}">
  29.             {{ bloc.titrePrincipaleBloc | raw  }}
  30.         </span>
  32.     {% endif %}
  33.     <div class="{{ bloc.classe }}" data-class="{{ bloc.classe }}">
  34.         {# TYPE_TEXT #}
  35.         {%  if  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_TEXTE') %}
  36.             {% if bloc.isShowTitle  != null %}
  37.                 {{ bloc.title | raw  }}
  38.             {% endif %}
  39.             <div class="description">
  40.                 {{ bloc.description | raw }}
  41.             </div>
  42.             {# TYPE_IMAGE_TEXT #}
  43.         {% elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_IMAGE_TEXTE') %}
  44.             {% set media = bloc.medias | first %}
  45.             {% if  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_RIGHT') %}
  46.                 <div class="row ">
  47.                     <div class="col-md-{{ bloc.colTxt }}  align-self-center box-win visible-mobile orderBox1 order-lg-0 order-md-0 order-1">
  48.                         <div class="text-bloc">
  49.                             {% if bloc.isShowTitle  != null %}
  50.                                 {{ bloc.title | raw  }}
  51.                             {% endif %}
  52.                             <div class="prg{{ loop.index }}">
  53.                                 {{ bloc.description | raw }}</div>
  55.                         </div>
  56.                     </div>
  57.                     <div class="col-md-{{ bloc.colImage }} bloc-mobile orderBox2 order-lg-1 order-md-1 order-0">
  58.                         <div class="img-mobile wp">
  60.                             {% if bloc.isShowTitle  != null and bloc.isBtn  != null   %}
  61.                                 <div class="titre-accordien-1">{{ bloc.title | raw  }}
  62.                                 </div>
  63.                             {% endif %}
  64.                             {% if media %}
  65.                                 <img class="img-fluid" src="{{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}" alt="{{ media.media_bloc_title }}">
  66.                             {% endif %}
  67.                         </div>
  68.                     </div>
  70.                 </div>
  71.                 {% if bloc.isBtn  != null %}
  72.                     <button class="btn-mobile-wp accordien{{ loop.index }}" id="lire-plus">{{ 'front.actions.read_more'|trans({}, 'front') }}</button>
  73.                 {% endif %}
  74.             {% elseif  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_LEFT') %}
  75.                 <div class="row">
  76.                     <div class="col-md-{{ bloc.colImage }} align-self-start">
  77.                         <div class="img-mobile wp">
  78.                             {% if bloc.isShowTitle  != null and bloc.isBtn  != null  %}
  79.                                 <div class="titre-accordien-1">{{ bloc.title | raw  }}</div>
  80.                             {% endif %}
  82.                             {% if media %}
  83.                                 <img class="img-fluid" src="{{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}" alt="{{ media.media_bloc_title }}">
  84.                             {% endif %}
  85.                         </div>
  86.                     </div>
  88.                     <div class="col-md-{{ bloc.colTxt }}  box-down{{ bloc.classe }} visible-mobile">
  89.                         {% if bloc.isShowTitle  != null %}
  90.                             {{ bloc.title | raw  }}
  91.                         {% endif %}
  92.                         <div class="prg{{ loop.index }}">
  93.                             {{ bloc.description | raw }}</div>
  95.                     </div>
  97.                 </div>
  98.                 {% if bloc.isBtn  != null %}
  99.                     <button class="btn-mobile-wp accordien{{ loop.index }}" id="lire-plus">{{ 'front.actions.read_more'|trans({}, 'front') }}</button>
  100.                 {% endif %}
  101.             {% elseif  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_BOTTOM') %}
  103.                 <div class="row align-items-center">
  104.                     <div class="col-md-12 order-lg-0 order-1 mb-4">
  105.                         {{ bloc.title | raw  }}
  106.                         <p class="text-center">
  107.                             {{ bloc.description | raw }}</p>
  108.                     </div>
  109.                     <div class="col-md-{{ bloc.colImage }} order-lg-1 order-0">
  110.                         {% if media %}<img src="{{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}" alt="{{ media.media_bloc_title }}" id="imgTest" class="rounded mx-auto d-block img-fluid img-inscription order-lg-1 order-0">{% endif %}
  111.                     </div>
  112.                 </div>
  114.             {% elseif  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_TOP') %}
  115.                 {% if 'techno_div' in bloc.classe %}
  116.                     <div class="row">
  117.                         <div class="col-md-12 text-center">
  118.                             {{ bloc.title | raw  }}
  119.                         </div>
  120.                         <div class="col-md-{{ bloc.colImage }}
  121.                         {% if  bloc.positionImage !=  constant('App\\Entity\\medias\\Media::POSITION_RIGHT') and 
  122.                                 bloc.positionImage !=  constant('App\\Entity\\medias\\Media::POSITION_LEFT')
  123.                                 %}
  124.                         text-center
  125.                         {% endif %}
  126.                         ">
  127.                             <div class="block-text-img">
  128.                                 {% if media %}
  129.                                 <img src="{{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}" alt="{{ media.media_bloc_title }}" id="imgTest" class="img-fluid">
  130.                                 {% endif %}
  132.                                 <div class="row justify-content-center">
  133.                                     <div class="col-md-{{ bloc.colTxt }} ">
  134.                                         {{ bloc.description | raw }}
  135.                                     </div>
  136.                                 </div>
  137.                             </div>
  138.                         </div>
  139.                     </div>
  140.                 {% else %}
  141.                     <div class="row mb-5 align-items-center text-img-opt ">
  142.                         <div class="d-lg-block d-md-none d-none">
  143.                             {{ bloc.title | raw  }}
  144.                         </div>
  145.                         <div class="col-md-{{ bloc.colImage }} order-lg-0 order-1 ">
  146.                             {% if media %}
  147.                                 <img src="{{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}" alt="{{ media.media_bloc_title }}" id="imgTest" class="rounded mx-auto d-block img-fluid img-inscription order-lg-1 order-0">
  148.                             {% endif %}    
  150.                             <div class="d-lg-none d-md-block d-block">
  151.                                 {{ bloc.title | raw  }}
  152.                             </div>
  153.                             <div class="parg-inscription">
  154.                                 {{ bloc.description | raw }}
  155.                             </div>
  156.                         </div>
  157.                     </div>
  158.                 {% endif %}
  160.             {% endif %}
  162.             {# TYPE_SLIDER #}
  163.         {% elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_SLIDER') %}
  164.             {% set media = bloc.medias | first %}
  165.             <div class="row align-items-center">
  166.                 <div class="col-lg-5 col-md-12 col-12 order-lg-0 order-1 text-animation">
  167.                     <div>
  168.                         {% if bloc.isShowTitle  != null %}
  169.                             {{ bloc.title | raw  }}
  170.                         {% endif %}
  171.                         <p class="text-md-left text-xl-left ">{{ bloc.description | raw }}</p>
  172.                     </div>
  174.                     {% if pdf != '' %}
  175.                         <div class="col text-center">
  176.                             <a {#href="{{ asset(uploads_directory ~ pdf.path ~ '/' ~ pdf.file) }}"#} class="btn btn-play-vd-slider click_popin">
  177.                                 <img src="{{ asset('images/pdf_icone.svg') }}" class="icone-vd"/><span class="text-btn-vd">    &nbsp; &nbsp; {{ 'front.bloc.discover_our'|trans({}, 'front') }}
  178.                                     <strong>{{ 'front.bloc.packages'|trans({}, 'front') | upper }}</strong>
  179.                                 </span>
  180.                             </a>
  181.                         </div>
  182.                     {% endif %}
  185.                     {% if page.isDemo != null  %}
  186.                         <div class="col text-center">
  187.                             <a class="btn btn-play-vd-slider " href="#sectionContact">
  188.                                 <img src="{{ asset('images/WFO/bt-video.svg') }}" class="icone-vd"/><span class="text-btn-vd">{{ 'front.bloc.demand'|trans({}, 'front') }} 
  189.                                     <strong>{{ 'front.bloc.demo'|trans({}, 'front') }}</strong>
  190.                                 </span>
  191.                             </a>
  192.                         </div>
  193.                     {% endif %}
  194.                 </div>
  195.                 <div class="col-lg-6 col-md-12 col-12 offset-lg-1 order-lg-1 order-0 img-animation">
  196.                     {% if media %}<div class="separator-{{ bloc.classe }}" style="background-image: url({{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}) ; background-size: cover; background-position: center; background-repeat: no-repeat;"></div>{% endif %}
  197.                 </div>
  198.             </div>
  199.             {# TYPE_IMAGE #}
  200.         {%  elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_IMAGE') %}
  201.             {% if bloc.isShowTitle  != null %}
  202.                 {{ bloc.title | raw  }}
  203.             {% endif %}
  204.             {% if  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_RIGHT') %}
  206.                 <div class="images_front">
  207.                     <div class="row mb-5">
  208.                         {% for media in bloc.medias %}
  209.                             <div class="col-md-6"></div>
  210.                             <div class="col-md-6">
  211.                                 <p class="text-center">
  212.                                     <img class="img-fluid" src="{{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}" alt="{{ media.media_bloc_title }}">
  213.                                 </p>
  214.                             </div>
  215.                         {% endfor %}
  216.                     </div>
  217.                 </div>
  218.             {% elseif  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_LEFT') %}
  220.                 <div class="images_front">
  221.                     <div class="row mb-5">
  222.                         {% for media in bloc.medias %}
  223.                             <div class="col-md-6">
  224.                                 <p class="text-center">
  225.                                     <img class="img-fluid" src="{{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}" alt="{{ media.media_bloc_title }}">
  226.                                 </p>
  227.                             </div>
  228.                             <div class="col-md-6"></div>
  229.                         {% endfor %}
  230.                     </div>
  231.                 </div>
  232.             {% elseif  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_CENTER') %}
  234.                 <div class="images_front">
  235.                     <div class="row mb-5">
  236.                         {% for media in bloc.medias %}
  237.                             <div class="col-md-12">
  238.                                 <p class="text-center">
  239.                                     <img class="img-fluid {% if bloc.classe %} {{ bloc.classe }} {% endif %}" src="{{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}" alt="{{ media.media_bloc_title }}">
  240.                                 </p>
  241.                             </div>
  242.                         {% endfor %}
  243.                     </div>
  244.                 </div>
  245.             {% endif %}
  247.             {# TYPE_Carrousel #}
  248.         {%  elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_CARROUSEL')  %}
  249.              {% if bloc.isFixTitle != true %}
  250.             <div class="section-experience">
  251.                 <div class="row align-items-center justify-content-center mb-5 mt-5">
  252.                     <div class="col-md-6">
  253.                         {% if bloc.isShowTitle  != null %}
  254.                             {{ bloc.title | raw  }}
  255.                         {% endif %}
  256.                     </div>
  257.                 </div>
  258.                 <div class="section-experience-content">
  259.                     <div class="row align-items-center">
  260.                         <div class="container-solution">
  261.                             <div class="content row align-items-center">
  262.                                 <div class="row align-items-center">
  263.                                     <div class="carrousel-experience">
  264.                                         <div class="owl-carousel owl-theme">
  265.                                             {% for carrousel in bloc.carrousel %}
  266.                                                 <div class="item text-center">
  267.                                                     <div class="row align-items-center">
  268.                                                         <div class="col-lg-5 col-md-12 col-12 text-center">
  269.                                                             <div class="img-box" style="background:url('{{ asset(uploads_directory ~ carrousel.media_carrouselCarrousel_path ~ '/' ~ carrousel.media_carrouselCarrousel_file) }}'); background-size: cover; background-position: center; background-repeat: no-repeat;">
  270.                                                                 <span class="d-lg-block d-md-none d-none">{#0{{ loop.index }}<sup>/ 03</sup>#}
  271.                                                                 </span>
  272.                                                                 <h5 class="d-lg-none d-md-block d-block">{{carrousel.carrousel_carrousel_title_mobile}}</h5>
  273.                                                             </div>
  274.                                                         </div>
  275.                                                         <div class="col-lg-6 col-md-12 col-12 bloc-margin-top offset-lg-1">
  276.                                                             {{ carrousel.carrousel_carrousel_description|raw }}
  277.                                                         </div>
  278.                                                     </div>
  279.                                                 </div>
  280.                                             {% endfor %}
  281.                                         </div>
  282.                                     </div>
  283.                                 </div>
  284.                             </div>
  285.                         </div>
  286.                     </div>
  287.                 </div>
  288.             </div>
  289.             {% else %}
  290.                 {% include "front/bloc/isHeader.html.twig" %}
  291.             {% endif %}
  292.             {# TYPE_CLIENT #}
  293.         {%  elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_CLIENT_BLOC') %}
  294.             <h1 class="text-center">{{bloc.title | raw }}</h1>
  295.             <div class="row mb-5 justify-content-center">
  296.                 <div class="col-md-10">
  297.                     <div class="carrousel-box-wp">
  298.                         <div class="row owl-carousel owl-theme box" id="car">
  299.                             {% for key, client in bloc.clients|sort((a, b) => a.priority <=> b.priority) %}
  301.                                 {% if  client.isEnable ==  true %}
  303.                                     <div class="item col-lg-5">
  304.                                         <div class="card">
  305.                                             <h6>{{client.title_title_top  | raw}}</h6>
  306.                                             <img src="{{ asset(uploads_directory ~ client.media_path ~ '/' ~ client.media_file) }}" alt="" class="card-img-top img-fluid">
  307.                                             <div class="card-body">
  308.                                                 <h5 class="card-title">{{client.title_Client  | raw}}</h5>
  309.                                                 {{client.description_Client | raw}}
  310.                                             </div>
  311.                                         </div>
  312.                                     </div>
  313.                                 {% endif %}
  315.                             {% endfor %}
  316.                         </div>
  317.                     </div>
  318.                 </div>
  319.             </div>
  320.             {# TYPE_MOBILE_BLOC #}
  322.         {%  elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_MOBILE_BLOC') %}
  323.             <h1 class="text-center">{{bloc.title | raw }}</h1>
  324.             <div class="row">
  325.                 <p class="text-md-left text-xl-left ">{{ bloc.description | raw }}</p>
  327.             </div>
  328.             {# TYPE_SOLUTION #}
  329.         {%  elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_SOLUTION_BLOC') %}
  330.             {{bloc.title | raw }}
  331.             <div class="container-solution">
  332.                 <div class="carrousel-notre-solution">
  333.                     <div class="owl-carousel owl-theme">
  334.                         {% for solution in bloc.solution %}
  335.                             <div class="item text-center">
  336.                                 <div class="img-solution">
  337.                                     <img src="{{ asset(uploads_directory ~ solution.media_solution_path ~ '/' ~ solution.media_solution_file) }}" alt="{{ solution.media_solution_title }}" class=" img-fluid">
  338.                                 </div>
  339.                             </div>
  340.                         {% endfor %}
  341.                     </div>
  342.                 </div>
  343.             </div>
  344.         {%  elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_VIDEO') %}
  345.                 {% set video , bgVideo = "", "" %}
  346.                 {% if medias and medias['video'] is defined %}
  347.                     {% set video = medias['video'][0] %}
  348.                 {% endif %}
  349.                 {% if medias and medias['bg_video'] is defined %}
  350.                     {% set bgVideo = medias['bg_video'][0] %}
  351.                 {% endif %}
  353.             {% for blo in bloc.medias %}
  354.                 {% if blo.media_bloc_type ==  constant('App\\Entity\\Medias\\Media::TYPE_MEDIA_VIDEO') %}
  355.                     {% set video = blo %}
  356.                 {% elseif blo.media_bloc_type ==  constant('App\\Entity\\Medias\\Media::TYPE_MEDIA_BG_VIDEO') %}
  357.                     {% set bgVideo = blo %}
  358.                 {% endif %}
  359.             {% endfor %}
  361.             {% set media = bloc.medias | first %}
  362.  
  363.             {% if  bloc.positionVideo ==  constant('App\\Entity\\medias\\Media::POSITION_RIGHT') %}
  365.                 <div class="row align-items-center">
  366.                     <div class="col-md-5 offset-lg-1">
  367.                         <div class="text-win-win">
  368.                             {% if bloc.isShowTitle  != null %}
  369.                                 {{ bloc.title | raw  }}
  370.                             {% endif %}
  371.                             {% if bloc.description  != null %}
  372.                                 {{ bloc.description | raw }}
  373.                             {% endif %}
  374.                         </div>
  375.                     </div>
  376.                     <div class="col-md-6">
  377.                         {% if video  %}
  378.                             <div class="video-container video-parent-class">
  379.                                 <video  class="video video-img video-bloc-right back-video" controls 
  380.                                         {% if bgVideo %} poster="{{ asset(uploads_directory ~ bgVideo.media_bloc_path ~ '/' ~ bgVideo.media_bloc_file ) }}" {% endif %}
  381.                                 >
  382.                                     <source src="{{ asset(uploads_directory ~ video.media_bloc_path ~ '/' ~ video.media_bloc_file ) }}" type="video/mp4">
  383.                                 </video>
  384.                                 <button class="btn video-play play-pause-btn" ></button> 
  385.                             </div>
  386.                         {% endif %}
  388.                     </div>
  389.                 </div>
  390.             {% elseif  bloc.positionVideo ==  constant('App\\Entity\\medias\\Media::POSITION_CENTER') %}
  391.                 <div class="row">
  392.                     <div class="col-md-12">
  393.                         {{ bloc.title | raw  }}
  394.                     </div>
  395.                 </div>
  396.                 <div class="row">
  397.                     {% set video , bgVideo = "", "" %}
  398.                     {% if medias and medias['video'] is defined %}
  399.                         {% set video = medias['video'][0] %}
  400.                     {% endif %}
  401.                     {% if medias and medias['bg_video'] is defined %}
  402.                         {% set bgVideo = medias['bg_video'][0] %}
  403.                     {% endif %}
  404.                     {% for blo in bloc.medias %}
  405.                             {% if blo.media_bloc_type ==  constant('App\\Entity\\Medias\\Media::TYPE_MEDIA_VIDEO') %}
  406.                             {% set video = blo %}
  407.                         {% elseif blo.media_bloc_type ==  constant('App\\Entity\\Medias\\Media::TYPE_MEDIA_BG_VIDEO') %}
  408.                             {% set bgVideo = blo %}
  409.                         {% endif %}
  410.                     {% endfor %}     
  411.                         <div class="col-md-12">
  412.                             <div class="mobile-imgs">
  413.                                 {% if video  %}
  414.                                     <div class="video-container col-md-6">
  415.                                         <video  class="video video-bloc-right video-img back-video " controls 
  416.                                                 {% if bgVideo %} poster="{{ asset(uploads_directory ~ bgVideo.media_bloc_path ~ '/' ~ bgVideo.media_bloc_file ) }}" {% endif %}
  417.                                         >
  418.                                             <source src="{{ asset(uploads_directory ~ video.media_bloc_path ~ '/' ~ video.media_bloc_file ) }}" type="video/mp4">
  419.                                         </video>
  420.                                         <button class="btn video-play play-pause-btn" ></button> 
  421.                                     </div>
  422.                                 {% endif %}
  423.                             </div>
  424.                         </div>
  425.                 </div>
  426.             {% endif %}
  428.         {%  elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_LABEL_BLOC') %}
  429.             {% if bloc.info_generic.classe == "bloc-3" %}
  430.                 {% if bloc.isShowTitle  != null %}
  431.                     {{ bloc.title | raw  }}
  432.                 {% endif %}
  433.                 <div class="row">
  434.                     {% for lab in bloc.label %}
  435.                         <div class="col-md-{{lab.colBlocLabelSlide}}">
  436.                             <img src="{{ asset('uploads/' ~ lab.media_label_slider_path ~ '/' ~ lab.media_label_slider_file) }}" alt="{{lab.media_label_slider_path}}" class="mx-auto d-block img-fluid">
  437.                             <div class="box-content">
  438.                                 {% if lab.show_name  != null %}
  439.                                     <h4>{{ lab.label_slider_name }}</h4>
  440.                                 {% endif %}
  442.                                 {{ lab.label_slider_description | raw }}
  443.                             </div>
  444.                         </div>
  445.                     {% endfor %}
  446.                 </div>
  447.             {% endif %}
  448.             {% if bloc.info_generic.classe == "section-functions" %}
  449.             <div class="title">
  450.                 {% if bloc.isShowTitle  != null %}
  451.                     {{ bloc.title | raw  }}
  452.                 {% endif %}
  453.             </div>
  454.             <div class="content-functions">
  455.                 <div class="row">
  456.                     {% for lab in bloc.label %}
  457.                     <div class="col-lg-{{lab.colBlocLabelSlide}} col-md-6 col-12 text-center">
  458.                         <div class="icone-function">
  459.                             <img src="{{ asset('uploads/' ~ lab.media_label_slider_path ~ '/' ~ lab.media_label_slider_file) }}" alt="{{lab.media_label_slider_path}}" class="img-fluid">
  460.                         </div>
  461.                         <div class="content-function">
  462.                             {% if lab.show_name  != null %}
  463.                             <h3>{{ lab.label_slider_name }}</h3>
  464.                             {% endif %}
  465.                             {{ lab.label_slider_description | raw }}
  466.                         </div>
  467.                     </div>
  468.                     {% endfor %}
  469.                 </div>
  470.             </div>
  471.             {% endif %}
  472.             {% if bloc.info_generic.classe == "bloc-2" %}
  473.                 {% if bloc.isShowTitle  != null %}
  474.                     {{ bloc.title | raw  }}
  475.                 {% endif %}
  476.                 <div class="row">
  477.                     {% for lab in bloc.label %}
  478.                         <div class="col-lg-{{lab.colBlocLabelSlide}}">
  479.                             <img src="{{ asset('uploads/' ~ lab.media_label_slider_path ~ '/' ~ lab.media_label_slider_file) }}" alt="{{lab.media_label_slider_path}}" class="mx-auto d-block img-fluid">
  480.                             {% if lab.show_name  != null %}
  481.                                 <h4>{{ lab.label_slider_name }}</h4>
  482.                             {% endif %}
  483.                             <div class="box-content">
  484.                                 {{ lab.label_slider_description | raw }}
  485.                             </div>
  486.                         </div>
  487.                     {% endfor %}
  488.                 </div>
  489.             {% endif %}
  490.             {% if bloc.info_generic.classe == "bloc-3-carrousel" %}
  491.                 {% if bloc.isShowTitle  != null %}
  492.                     {{ bloc.title | raw  }}
  493.                 {% endif %}
  494.                 <div class="row">
  495.                     <div class="col-md-12">
  496.                         <div class="carrousel-box">
  497.                             <div class="owl-carousel owl-theme box " id="car">
  498.                                 {% for lab in bloc.label %}
  499.                                     <div class="item text-center">
  500.                                         <img src="{{ asset('uploads/' ~ lab.media_label_slider_path ~ '/' ~ lab.media_label_slider_file) }}" alt="{{lab.media_label_slider_path}}" class="img-fluid img-box">
  501.                                         <div class="box-content">
  502.                                             {% if lab.show_name  != null %}
  503.                                                 <h4>{{ lab.label_slider_name }}</h4>
  504.                                             {% endif %}
  505.                                             {{ lab.label_slider_description | raw }}
  506.                                         </div>
  507.                                     </div>
  508.                                 {% endfor %}
  509.                             </div>
  510.                         </div>
  511.                     </div>
  512.                 </div>
  513.             {% endif %}
  514.             {% if bloc.info_generic.classe == "section-avantage-content" %}
  515.                 {% if bloc.isShowTitle  != null %}
  516.                     {{ bloc.title | raw  }}
  517.                 {% endif %}
  518.                 <div class="{{bloc.info_generic.classe}}">
  519.                     <div class="row justify-content-center">
  520.                         <div class="col-lg-10">
  521.                             <div class="row align-items-start">
  522.                                 {% for lab in bloc.label %}
  523.                                     <div class="col-md-{{lab.colBlocLabelSlide}}">
  524.                                         <div class="avantage-box">
  525.                                             <img src="{{ asset('uploads/' ~ lab.media_label_slider_path ~ '/' ~ lab.media_label_slider_file) }}" alt="{{lab.media_label_slider_path}}" class="img-fluid">
  526.                                             <div class="text-box-avantage">
  528.                                                 {% if lab.show_name  != null %}
  529.                                                     <h3>{{ lab.label_slider_name }}</h3>
  530.                                                 {% endif %}
  531.                                                 {{ lab.label_slider_description | raw }}
  532.                                             </div>
  533.                                         </div>
  534.                                     </div>
  535.                                 {% endfor %}
  536.                             </div>
  537.                         </div>
  538.                     </div>
  539.                 </div>
  540.             {% endif %}
  541.             {% if bloc.info_generic.classe == "block-team-dirig" %}
  542.                 {% if bloc.isShowTitle  != null %}
  543.                     <div class="col-md-12">
  544.                         {{ bloc.title | raw  }}
  545.                     </div>
  546.                 {% endif %}
  548.                   <div class="col-md-12">
  549.                     {% for lab in bloc.label %}
  550.                         <div class="row team-dirig">
  551.                             <div class="col-md-3 team-title-photo text-center">
  552.                                 <div class="img-team-2" style="background-image: url({{ asset('uploads/' ~ lab.media_label_slider_path ~ '/' ~ lab.media_label_slider_file) }}) !important"></div>
  553.                                 <p class="name">{{ lab.label_slider_name }}</p>
  554.                                 <p class="title">{{ lab.label_slider_second_name }}</p>
  555.                                 <a href="{{ lab.link }}" target="_blank">
  556.                                     <img src="{{ asset('img/linkedin.svg') }}" alt="">
  557.                                 </a>
  558.                             </div>
  559.                             <div class="col-md-{{lab.colBlocLabelSlide}} team-description">
  560.                                 {{ lab.label_slider_description | raw }}
  561.                             </div>
  562.                         </div>
  563.                     {% endfor %}    
  564.                 </div>
  565.             {% endif %}
  567.         {%  elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_BENEFICE_BLOC') %}
  568.         {% if bloc.isShowTitle  != null or bloc.description  != null %}
  569.             <div class="row justify-content-center align-items-center mb-5">
  570.                 <div class="col-md-12">
  571.                     {% if bloc.isShowTitle  != null %}
  572.                         {{ bloc.title | raw  }}
  573.                     {% endif %}
  574.                     {% if bloc.description  != null %}
  575.                         {{ bloc.description | raw  }}
  576.                     {% endif %}
  577.                 </div>
  578.             </div>
  579.         {% endif %}
  580.             <div class="row mt-5 mb-5 align-items-start">
  581.                 {% for benefice in bloc.benefice %}
  582.                     <div class="col-md-{{benefice.colBeneficeItems}}">
  583.                         <div class="{{benefice.classe_benefice_items}} text-center">
  584.                             <img src="{{ asset('uploads/' ~ benefice.media_benefice_items_path ~ '/' ~ benefice.media_benefice_items_file) }}" alt="{{benefice.media_benefice_items_title}}" class="img-fluid">
  585.                             <div class="card-body text-left">
  586.                                 {{ benefice.benefice_items_description | raw }}
  587.                             </div>
  588.                             {% if benefice.benefice_items_link  != null %}
  589.                                 <a class="btn card-all-agence" style="text-align: center !important;" href="{{benefice.benefice_items_link}}">{{ 'front.actions.learn_more'|trans({}, 'front') | upper }}</a>
  590.                             {% endif %}
  592.                         </div>
  593.                     </div>
  594.                 {% endfor %}
  595.             </div>
  597.         {%  elseif  bloc.type == constant('App\\Entity\\Blocs\\Bloc::TYPE_IMAGE_CARD_BLOC') %}
  598.         {% set media = bloc.medias | first %}
  599.             {% if  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_RIGHT') %}
  600.             <div class="row ">
  601.                 <div class="col-md-{{ bloc.colCard }}  align-self-center box-win visible-mobile">
  602.                     {% for benefice in bloc.image_card %}
  603.                         <div class="col-md-{{benefice.colBeneficeItems}}">
  604.                             <div class="{{benefice.classe_benefice_items}} content_card text-center">
  605.                                 <img src="{{ asset('uploads/' ~ benefice.media_benefice_items_path ~ '/' ~ benefice.media_benefice_items_file) }}" alt="{{benefice.media_benefice_items_title}}" class="img-fluid">
  606.                                 <div class="card-body text-left">
  607.                                     {{ benefice.benefice_items_description | raw }}
  608.                                 </div>
  609.                                 {% if benefice.benefice_items_link  != null %}
  610.                                     <a class="btn card-all-agence" style="text-align: center !important;" href="{{benefice.benefice_items_link}}">{{ 'front.actions.learn_more'|trans({}, 'front') | upper }}</a>
  611.                                 {% endif %}
  613.                             </div>
  614.                         </div>
  615.                     {% endfor %}
  616.                 </div>
  617.                 <div class="col-md-{{ bloc.colImage }} align-self-center bloc-mobile orderBox2">
  618.                     <div class="img-mobile wp">
  620.                         {% if bloc.isShowTitle  != null and bloc.isBtn  != null   %}
  621.                             <div class="titre-accordien-1">{{ bloc.title | raw  }}
  622.                             </div>
  623.                         {% endif %}
  624.                         {% if media %}
  625.                             <img class="img-fluid" src="{{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}" alt="{{ media.media_bloc_title }}">
  626.                         {% endif %}
  627.                     </div>
  628.                 </div>
  630.             </div>
  631.             {% elseif  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_LEFT') %}
  632.             <div class="row">
  633.                 <div class="col-md-{{ bloc.colImage }} align-self-center">
  634.                     <div class="img-mobile wp">
  635.                         {% if bloc.isShowTitle  != null and bloc.isBtn  != null  %}
  636.                             <div class="titre-accordien-1">{{ bloc.title | raw  }}</div>
  637.                         {% endif %}
  639.                         {% if media %}
  640.                             <img class="img-fluid" src="{{ asset(uploads_directory ~ media.media_bloc_path ~ '/' ~ media.media_bloc_file) }}" alt="{{ media.media_bloc_title }}">
  641.                         {% endif %}
  642.                     </div>
  643.                 </div>
  645.                 <div class="col-md-{{ bloc.colCard }}  align-self-center  box-down{{ bloc.classe }} visible-mobile">
  646.                     {% for benefice in bloc.image_card %}
  647.                         <div class="col-md-{{benefice.colBeneficeItems}}">
  648.                             <div class="{{benefice.classe_benefice_items}} content_card  text-center">
  649.                                 <img src="{{ asset('uploads/' ~ benefice.media_benefice_items_path ~ '/' ~ benefice.media_benefice_items_file) }}" alt="{{benefice.media_benefice_items_title}}" class="img-fluid">
  650.                                 <div class="card-body text-left">
  651.                                     {{ benefice.benefice_items_description | raw }}
  652.                                 </div>
  653.                                 {% if benefice.benefice_items_link  != null %}
  654.                                     <a class="btn card-all-agence" style="text-align: center !important;" href="{{benefice.benefice_items_link}}">{{ 'front.actions.learn_more'|trans({}, 'front') | upper }}</a>
  655.                                 {% endif %}
  657.                             </div>
  658.                         </div>
  659.                     {% endfor %}
  661.                 </div>
  663.             </div>
  664.             {% endif %}
  665.         {% endif %}
  666.     </div>
  667. </div>
  668. {% include "front/layouts/modal-pack.html.twig" %}