templates/theme/default/component-blocks/etaps-block.html.twig line 1

Open in your IDE?
  1. {% if bloc.data[0] is defined and bloc.data[0] is not empty %}
  2. {% set data_etaps = bloc.data[0] %}
  4. {% if bloc.template == "1" or bloc.template is empty %}
  5. <div id="box-etaps-{{bloc.id}}"
  6. style="{{ data_etaps.bg_color ? 'background:linear-gradient(to right,' ~ data_etaps.bg_color ~ ' 37.5%, transparent 37.5%); background-size: 100% 91%;
  7. background-repeat: no-repeat;' : '' }}" class="box-etaps {{data_etaps.style_option|default('')}} {{'model-' ~ bloc.template|default('1') }} {{bloc.className ?? ''}}">
  8. <div class="container-fluid content-wrapper">
  9. {% if data_etaps.globalDesc is not empty or data_etaps.globalTitleOption is not empty or data_etaps.globalTitle is not empty or data_etaps.globalDescOption is not empty %}
  10. <div class="row header pb-xl-5 pb-3 text-center">
  11. {% if data_etaps.globalTitleOption is not empty or data_etaps.globalTitle is not empty %}
  12. <div class="bloc-titre p-0" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="">
  13. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  14. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}"> {{data_etaps.globalTitle|raw}} </h2>
  15. </div>
  16. {% endif %}
  17. {% if data_etaps.globalDesc is not empty or data_etaps.globalDescOption is not empty or data_etaps.typeLien != 1 or data_etaps.typeLien != '' %}
  18. <div class="col-sm-12" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="">
  19. <div class="bloc-description" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  20. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  21. <div class="description"> {{data_etaps.globalDesc|raw}}</div>
  22. {% endif %}
  23. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  24. <div class="description-option" style="{{ data_etaps.text_color2 ? 'color:' ~ data_etaps.text_color2 ~ ';' : '' }} {{ data_etaps.bg_color2 ? 'background-color:' ~ data_etaps.bg_color2 ~ ';' : '' }}"> {{data_etaps.globalDescOption|raw}}</div>
  25. {% endif %}
  26. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  27. {% if data_etaps.typeLien == '4' %}
  28. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme">{{data_etaps.globalLien}}</a>
  29. {% elseif data_etaps.typeLien == '2' %}
  30. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme">{{data_etaps.globalLien}}</a>
  31. {% elseif data_etaps.typeLien == '3' %}
  32. <a href="{{data_etaps.lienExterne}}" class="btn-theme" target="_blank">{{data_etaps.globalLien}}</a>
  33. {% endif %}
  34. {% endif %}
  35. </div>
  36. </div>
  37. {% endif %}
  38. </div>
  39. {% endif %}
  40. {% if data_etaps.etaps is not empty %}
  41. <div class="row content-body">
  42. {% set duree = '100' %}
  43. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  45. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-xl-' ~ data_etaps.globalGridItems: "col-md-3" %}
  48. {% for item in data_etaps.etaps %}
  49. <div class="col-md-6 {{colClass}} body-content" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="{{duree}}">
  50. <div class="bloc-content" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  51. {% if item.icon %}
  52. <div class="item-picto">
  53. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="auto" height="auto" loading="lazy" >
  54. </div>
  55. {% endif %}
  57. {% if item.description or item.title or item.sous_titre or item.description2 or item.type_lien %}
  58. <div class="description-item" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  59. {% if item.title %}
  60. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}> {{item.title}}</h3>
  61. {% endif %}
  62. {% if item.sous_titre is not empty %}
  63. <span class="sous-titre">{{item.sous_titre}}</span>
  64. {% endif %}
  65. {% if item.description %}
  66. <div class="description-item" {% if item.text_color2 %} style="color: {{item.text_color2}};" {% endif %}>{{item.description|raw}}</div>
  67. {% endif %}
  68. {% if item.description2 %}
  69. <div class="description-option-item" {% if item.bg_color2 or item.text_color2 %} style="background-color: {{item.bg_color2}}; color: {{item.text_color2}};" {% endif %}>
  70. {{item.description2|raw}}
  71. </div>
  72. {% endif %}
  73. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  74. <div class="bloc-button-item">
  75. {% if item.type_lien == '2' %}
  76. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  77. {% elseif item.type_lien == '3' %}
  78. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">{{ item.title_lien|raw }}</a>
  79. {% elseif item.type_lien == '4' %}
  80. <a href="tel:{{ item.phone_number }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  81. {% endif %}
  82. </div>
  83. {% endif %}
  84. </div>
  85. {% endif %}
  86. </div>
  87. </div>
  88. {% set duree = duree + '100' %}
  89. {% endfor %}
  90. {% endif %}
  93. </div>
  94. {% endif %}
  95. </div>
  96. </div>
  97. {% elseif bloc.template == "2" %}
  98. <div id="box-etaps-{{bloc.id}}" style="{{ data_etaps.bg_color ? 'background-color:' ~ data_etaps.bg_color ~ ';' : '' }}" class="box-etaps {{data_etaps.style_option|default('')}} {{'model-' ~ bloc.template }} {{bloc.className ?? ''}}">
  99. <div class="container-fluid content-wrapper">
  100. {% if data_etaps.globalTitleOption is not empty or data_etaps.globalTitle is not empty or data_etaps.globalDesc is not empty or data_etaps.typeLien != 1 or data_etaps.globalDescOption is not empty %}
  101. <div class="row header">
  102. <div class="col-sm-12 col-md-12" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  103. {% if data_etaps.globalTitleOption is defined and data_etaps.globalTitleOption is not empty %}
  104. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  105. {% endif %}
  106. {% if data_etaps.globalTitle is defined and data_etaps.globalTitle is not empty %}
  107. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}"> {{data_etaps.globalTitle|raw}} </h2>
  108. {% endif %}
  109. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  110. <div class="description" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}"> {{data_etaps.globalDesc|raw}}</div>
  111. {% endif %}
  112. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  113. <div class="description-option" style="{{ data_etaps.text_color2 ? 'color:' ~ data_etaps.text_color2 ~ ';' : '' }} {{ data_etaps.bg_color2 ? 'background-color:' ~ data_etaps.bg_color2 ~ ';' : '' }}"> {{data_etaps.globalDescOption|raw}}</div>
  114. {% endif %}
  115. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  116. {% if data_etaps.typeLien == '4' %}
  117. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme">{{data_etaps.globalLien}}</a>
  118. {% elseif data_etaps.typeLien == '2' %}
  119. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme">{{data_etaps.globalLien}}</a>
  120. {% elseif data_etaps.typeLien == '3' %}
  121. <a href="{{data_etaps.lienExterne}}" class="btn-theme" target="_blank">{{itdata_etapsem.globalLien}}</a>
  122. {% endif %}
  123. {% endif %}
  124. </div>
  125. </div>
  126. {% endif %}
  127. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  128. <div class="row content-body ">
  129. {% set duree = '100' %}
  130. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-md-' ~ data_etaps.globalGridItems: "col-md-3" %}
  131. {% for item in data_etaps.etaps %}
  132. <div class="col-sm-12 col-md-6 {{colClass}} text-start" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="{{duree}}">
  133. <div class="bloc-content d-flex align-items-center w-100" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  134. {% if item.icon is not empty %}
  135. <span class="item-picto">
  136. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="80" height="80" loading="lazy">
  137. </span>
  138. {% endif %}
  139. {% if item.title is not empty or item.sous_titre is not empty %}
  140. <div class="bloc-titre d-flex" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  141. {% if item.title is not empty %}
  142. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}> {{item.title}}</h3>
  143. {% endif %}
  145. {% if item.sous_titre is not empty %}
  146. <span class="sous-titre" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.sous_titre}}</span>
  147. {% endif %}
  148. </div>
  149. {% endif %}
  150. {% if item.description is not empty or item.description2 is not empty or item.type_lien != '1' %}
  151. <div class="bloc-description-item">
  152. {% if item.description %}
  153. <div class="description-item" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.description|raw}}</div>
  154. {% endif %}
  155. {% if item.description2 %}
  156. <div class="description-option-item" {% if item.bg_color2 or item.text_color2 %} style="background-color: {{item.bg_color2}}; color: {{item.text_color2}};" {% endif %}>{{item.description2|raw}}</div>
  157. {% endif %}
  158. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  159. <div class="bloc-button-item">
  160. {% if item.type_lien == '2' %}
  161. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  162. {% elseif item.type_lien == '3' %}
  163. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">{{ item.title_lien|raw }}</a>
  164. {% elseif item.type_lien == '4' %}
  165. <a href="tel:{{ item.phone_number }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  166. {% endif %}
  167. </div>
  168. {% endif %}
  169. </div>
  170. {% endif %}
  171. </div>
  172. </div>
  173. {% set duree = duree + '100' %}
  174. {% endfor %}
  175. </div>
  176. {% endif %}
  177. </div>
  178. </div>
  179. {% elseif bloc.template == "3" %}
  180. <div id="box-etaps-{{bloc.id}}" style="{{ data_etaps.bg_color ? 'background-color:' ~ data_etaps.bg_color ~ ';' : '' }}" class="box-etaps {{data_etaps.style_option|default('')}} {{'model-' ~ bloc.template }} {{bloc.className ?? ''}}">
  181. <div class="container-fluid content-wrapper">
  182. {% if data_etaps is defined and data_etaps is not empty %}
  183. {% if data_etaps.etaps is defined and data_etaps is not empty %}
  184. <div class="row ">
  185. {% set duree = '100' %}
  186. {% if data_etaps.globalTitle is not empty or data_etaps.globalTitleOption is not empty or data_etaps.globalDesc is not empty or data_etaps.etaps is defined or data_etaps.typeLien != '' or data_etaps.globalDescOption is not empty %}
  187. <div class="col-sm-12 col-xl-6 ">
  188. <div class="content-body">
  189. {% if data_etaps.globalTitleOption is defined and data_etaps.globalTitleOption is not empty %}
  190. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  191. {% endif %}
  192. {% if data_etaps.globalTitle is not empty %}
  193. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}"> {{data_etaps.globalTitle|raw}} </h2>
  194. {% endif %}
  195. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  196. <div class="description" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}"> {{data_etaps.globalDesc|raw}}</div>
  197. {% endif %}
  198. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  199. {% if data_etaps.typeLien == '4' %}
  200. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme mb-3">{{data_etaps.globalLien}}</a>
  201. {% elseif data_etaps.typeLien == '2' %}
  202. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme mb-3">{{data_etaps.globalLien}}</a>
  203. {% elseif data_etaps.typeLien == '3' %}
  204. <a href="{{data_etaps.lienExterne}}" class="btn-theme mb-3" target="_blank">{{itdata_etapsem.globalLien}}</a>
  205. {% endif %}
  206. {% endif %}
  207. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  208. {% set duree = '100' %}
  209. <div class="description-option" style="{{ data_etaps.text_color2 ? 'color:' ~ data_etaps.text_color2 ~ ';' : '' }} {{ data_etaps.bg_color2 ? 'background-color:' ~ data_etaps.bg_color2 ~ ';' : '' }}">
  210. {{data_etaps.globalDescOption|raw}}
  211. </div>
  212. {% endif %}
  213. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  214. <div class="row">
  215. {% for item in data_etaps.etaps %}
  216. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-lg-' ~ data_etaps.globalGridItems: "col-md-3" %}
  217. <div class="{{colClass}}" data-aos="fade-right" data-aos-easing="linear" data-aos-delay="{{duree}}">
  218. <div class="content-item" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  219. {% if item.icon is not empty %}
  220. <div class="icon">
  221. <span class="item-picto">
  222. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="50" height="50" loading="lazy">
  223. </span>
  224. </div>
  225. {% endif %}
  226. {% if item.title is not empty or item.sous_titre is not empty or item.description is not empty or item.description2 is not empty %}
  227. <div class="content">
  228. {% if item.title is not empty %}
  229. <h3 {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.title}}</h3>
  230. {% endif %}
  231. {% if item.sous_titre is not empty %}
  232. <span class="sous-titre" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.sous_titre}}</span>
  233. {% endif %}
  234. {% if item.description is not empty %}
  235. <div class="description" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.description|raw}}</div>
  236. {% endif %}
  237. {% if item.description2 is not empty %}
  238. <div class="description-option-item" {% if item.bg_color2 or item.text_color2 %} style="background-color: {{item.bg_color2}}; color: {{item.text_color2}};" {% endif %}>{{item.description2|raw}}</div>
  239. {% endif %}
  240. </div>
  241. {% endif %}
  242. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  243. <div class="bloc-button-item">
  244. {% if item.type_lien == '2' %}
  245. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  246. {% elseif item.type_lien == '3' %}
  247. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">{{ item.title_lien|raw }}</a>
  248. {% elseif item.type_lien == '4' %}
  249. <a href="tel:{{ item.phone_number }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  250. {% endif %}
  251. </div>
  252. {% endif %}
  253. </div>
  254. </div>
  255. {% set duree = duree + '100' %}
  256. {% endfor %}
  257. </div>
  258. {% endif %}
  259. </div>
  260. </div>
  261. {% endif %}
  262. {% if bloc.image is not empty %}
  263. <div class="col-sm-12 col-xl-6">
  264. <div class="image_boxes text-center" data-aos="fade-left" data-aos-easing="linear" data-aos-delay="{{duree}}">
  265. {% if bloc.image is not empty %}
  266. <div class="image one">
  267. <img src="{{ asset_image(bloc.image, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(data_etaps.globalTitle|raw) }}" class="img-fluid">
  268. </div>
  269. {% endif %}
  270. {% if bloc.image2 is not empty %}
  271. <div class="image two">
  272. <img src="{{ asset_image(bloc.image2, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(data_etaps.globalTitle|raw) }}" class="img-fluid">
  273. </div>
  274. {% endif %}
  275. </div>
  276. </div>
  277. {% endif %}
  278. </div>
  279. {% endif %}
  280. {% endif %}
  281. </div>
  282. </div>
  283. {% elseif bloc.template == "4" %}
  284. <div id="box-etaps-{{bloc.id}}" style="{{ data_etaps.bg_color ? 'background-color:' ~ data_etaps.bg_color ~ ';' : '' }}" class="box-etaps {{data_etaps.style_option|default('')}} {{'model-' ~ bloc.template|default('1') }} {{bloc.className ?? ''}}">
  285. <div class="container-fluid content-wrapper">
  286. {% if data_etaps is defined and data_etaps is not empty %}
  287. <div class="row align-items-center">
  288. {% if data_etaps.globalDesc is not empty or data_etaps.typeLien != 1 or data_etaps.globalDescOption is not empty or data_etaps.globalTitle is not empty or data_etaps.globalTitleOption is not empty %}
  289. <div class="col-sm-12 col-xl-6" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  290. {% if data_etaps.globalTitleOption is defined and data_etaps.globalTitleOption is not empty %}
  291. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  292. {% endif %}
  293. {% if data_etaps.globalTitle is not empty %}
  294. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}"> {{data_etaps.globalTitle|raw}} </h2>
  295. {% endif %}
  296. {% if data_etaps.globalDesc is not empty or data_etaps.typeLien != 1 or data_etaps.globalDescOption is not empty %}
  297. <div class="bloc-description" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  298. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  299. <div class="description"> {{data_etaps.globalDesc|raw}}</div>
  300. {% endif %}
  302. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  303. {% if data_etaps.typeLien == '4' %}
  304. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme">{{data_etaps.globalLien}}</a>
  305. {% elseif data_etaps.typeLien == '2' %}
  306. <p>
  307. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme"><span>{{data_etaps.globalLien}}</span></a>
  308. </p>
  309. {% elseif data_etaps.typeLien == '3' %}
  310. <a href="{{data_etaps.lienExterne}}" class="btn-theme" target="_blank">{{itdata_etapsem.globalLien}}</a>
  311. {% endif %}
  312. {% endif %}
  314. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  315. <div class="description-option" style="{{ data_etaps.text_color2 ? 'color:' ~ data_etaps.text_color2 ~ ';' : '' }} {{ data_etaps.bg_color2 ? 'background-color:' ~ data_etaps.bg_color2 ~ ';' : '' }}"> {{data_etaps.globalDescOption|raw}}</div>
  316. {% endif %}
  317. </div>
  318. {% endif %}
  319. </div>
  320. {% endif %}
  321. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  322. <div class="col-sm-12 col-xl-6" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  323. {% set duree = '100' %}
  324. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-lg-' ~ data_etaps.globalGridItems: "col-md-3" %}
  325. <div class="row">
  326. {% for item in data_etaps.etaps %}
  327. <div class="{{colClass}}">
  328. <div class="bloc-content" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="{{duree}}" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  329. {% if item.icon is not empty %}
  330. <span class="item-picto">
  331. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="31" height="31" loading="lazy">
  332. </span>
  333. {% endif %}
  334. {% if item.title is not empty %}
  335. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}> {{item.title}}</h3>
  336. {% endif %}
  337. {% if item.sous_titre is not empty %}
  338. <span class="sous-titre"{% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.sous_titre}}</span>
  339. {% endif %}
  340. {% if item.description is not empty %}
  341. <div class="description-item" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.description|raw}}</div>
  342. {% endif %}
  343. {% if item.description2 is not empty %}
  344. <div class="description-option-item" {% if item.bg_color2 or item.text_color2 %} style="background-color: {{item.bg_color2}}; color: {{item.text_color2}};" {% endif %}>{{item.description2|raw}}</div>
  345. {% endif %}
  346. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  347. <div class="bloc-button-item">
  348. {% if item.type_lien == '2' %}
  349. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  350. {% elseif item.type_lien == '3' %}
  351. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">{{ item.title_lien|raw }}</a>
  352. {% elseif item.type_lien == '4' %}
  353. <a href="tel:{{ item.phone_number }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  354. {% endif %}
  355. </div>
  356. {% endif %}
  357. </div>
  358. </div>
  359. {% set duree = duree + '100' %}
  360. {% endfor %}
  361. </div>
  362. </div>
  363. {% endif %}
  364. </div>
  365. {% endif %}
  366. </div>
  367. </div>
  368. {% elseif bloc.template == "5" %}
  369. <div id="box-etaps-{{bloc.id}}" class="box-etaps {{data_etaps.style_option|default('')}} {{'model-' ~ bloc.template|default('1') }} {{bloc.className ?? ''}}" style="{{ data_etaps.bg_color ? 'background-color:' ~ data_etaps.bg_color ~ ';' : '' }}">
  370. <div class="container-fluid content-wrapper">
  371. {% if data_etaps is defined and data_etaps is not empty %}
  372. {% if data_etaps.globalTitleOption is not empty or data_etaps.globalTitle is not empty or data_etaps.globalDesc is not empty or data_etaps.typeLien != 1 or data_etaps.globalDescOption is not empty %}
  373. <div class="row row-header align-items-center justify-content-center">
  374. <div class="col-sm-12" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  376. {% if data_etaps.globalTitleOption is defined and data_etaps.globalTitleOption is not empty %}
  377. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  378. {% endif %}
  381. {% if data_etaps.globalTitle is not empty %}
  382. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}"> {{data_etaps.globalTitle|raw}} </h2>
  383. {% endif %}
  385. {% if data_etaps.globalDesc is not empty or data_etaps.typeLien != 1 or data_etaps.globalDescOption is not empty %}
  386. <div class="bloc-description" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  387. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  388. <div class="description"> {{data_etaps.globalDesc|raw}}</div>
  389. {% endif %}
  391. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  392. {% if data_etaps.typeLien == '4' %}
  393. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme">{{data_etaps.globalLien}}</a>
  394. {% elseif data_etaps.typeLien == '2' %}
  395. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme">{{data_etaps.globalLien}}</a>
  396. {% elseif data_etaps.typeLien == '3' %}
  397. <a href="{{data_etaps.lienExterne}}" class="btn-theme" target="_blank">{{itdata_etapsem.globalLien}}</a>
  398. {% endif %}
  399. {% endif %}
  401. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  402. {% set duree = '100' %}
  403. <div class="description-option" style="{{ data_etaps.text_color2 ? 'color:' ~ data_etaps.text_color2 ~ ';' : '' }} {{ data_etaps.bg_color2 ? 'background-color:' ~ data_etaps.bg_color2 ~ ';' : '' }}">
  404. {{data_etaps.globalDescOption|raw}}
  405. </div>
  406. {% endif %}
  407. </div>
  408. {% endif %}
  410. </div>
  411. </div>
  412. {% endif %}
  414. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  415. <div class="row justify-content-center">
  416. {% set duree = '100' %}
  417. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  419. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-lg-' ~ data_etaps.globalGridItems: "col-md-3" %}
  421. {% for item in data_etaps.etaps %}
  422. <div class="col-12 col-md-6 {{colClass}} content-item" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="{{duree}}">
  423. <div class="bloc-content" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  424. {% if item.icon or item.title is not empty or item.sous_titre is not empty %}
  425. <div class="bloc-header">
  426. {% if item.icon %}
  427. <div class="item-picto">
  428. <img src="{{item.icon}}" alt="{{item.sous_titre|raw|default('')}}" width="50" height="50" loading="lazy">
  429. </div>
  430. {% endif %}
  432. {% if item.title is not empty %}
  433. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}> {{item.title}}</h3>
  434. {% endif %}
  436. {% if item.sous_titre is not empty %}
  437. <span class="sous-titre" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.sous_titre|raw}}</span>
  438. {% endif %}
  439. </div>
  440. {% endif %}
  441. {% if item.description %}
  442. <div class="description-item" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.description|raw}}</div>
  443. {% endif %}
  444. {% if item.description2 %}
  445. <div class="description-option-item" {% if item.bg_color2 or item.text_color2 %} style="background-color: {{item.bg_color2}}; color: {{item.text_color2}};" {% endif %}>
  446. {{item.description2|raw}}
  447. </div>
  448. {% endif %}
  449. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  450. <div class="bloc-button-item">
  451. {% if item.type_lien == '2' %}
  452. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  453. {% elseif item.type_lien == '3' %}
  454. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">{{ item.title_lien|raw }}</a>
  455. {% elseif item.type_lien == '4' %}
  456. <a href="tel:{{ item.phone_number }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  457. {% endif %}
  458. </div>
  459. {% endif %}
  460. </div>
  461. </div>
  462. {% set duree = duree + '100' %}
  463. {% endfor %}
  464. {% endif %}
  465. </div>
  466. {% endif %}
  467. {% endif %}
  468. </div>
  469. </div>
  470. {% elseif bloc.template == "6" %}
  471. <div id="box-etaps-{{bloc.id}}"
  472. style="{{ data_etaps.bg_color ? 'background-color:' ~ data_etaps.bg_color ~ ';' : '' }}" class="box-etaps {{data_etaps.style_option|default('')}} {{'model-' ~ bloc.template|default('1') }} {{bloc.className ?? ''}}">
  473. <div class="container-fluid content-wrapper">
  474. {% if data_etaps.globalDesc is not empty or data_etaps.typeLien != 1 or data_etaps.typeLien != '' or data_etaps.globalTitleOption is not empty or data_etaps.globalTitle is not empty or data_etaps.globalDescOption is not empty %}
  475. <div class="row pb-3">
  476. {% if data_etaps.globalTitleOption is not empty or data_etaps.globalTitle is not empty %}
  477. <div class="col-sm-12" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  478. {% if data_etaps.globalTitleOption is defined and data_etaps.globalTitleOption is not empty %}
  479. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  480. {% endif %}
  481. {% if data_etaps.globalTitle is defined and data_etaps.globalTitle is not empty %}
  482. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}"> {{data_etaps.globalTitle|raw}} </h2>
  483. {% endif %}
  484. </div>
  485. {% endif %}
  486. {% if data_etaps.globalDesc is not empty or data_etaps.globalDescOption is not empty or data_etaps.typeLien != 1 %}
  487. <div class="col-sm-12" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  488. <div class="desc-bloc" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  489. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  490. <div class="step-description"> {{data_etaps.globalDesc|raw}}</div>
  491. {% endif %}
  492. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  493. <div class="step-description-option"> {{data_etaps.globalDescOption|raw}}</div>
  494. {% endif %}
  495. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  496. {% if data_etaps.typeLien == '4' %}
  497. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme">{{data_etaps.globalLien}}</a>
  498. {% elseif data_etaps.typeLien == '2' %}
  499. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme">{{data_etaps.globalLien}}</a>
  500. {% elseif data_etaps.typeLien == '3' %}
  501. <a href="{{data_etaps.lienExterne}}" class="btn-theme" target="_blank">{{data_etaps.globalLien}}</a>
  502. {% endif %}
  503. {% endif %}
  504. </div>
  505. </div>
  506. {% endif %}
  507. </div>
  508. {% endif %}
  509. {% if data_etaps.etaps is not empty %}
  510. <div class="row content-body">
  511. {% set duree = '100' %}
  512. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  514. {# {% set colClass = data_etaps.etaps|length == 1 ? 'col-md-12' :
  515. (data_etaps.etaps|length == 2 ? 'col-md-6' :
  516. (data_etaps.etaps|length == 3 ? 'col-md-4' : 'col-md-3')) %} #}
  518. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-xl-' ~ data_etaps.globalGridItems: "col-md-3" %}
  521. {% for item in data_etaps.etaps %}
  522. <div class="col-lg-6 {{colClass}} body-content" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="{{duree}}">
  523. <div class="bloc-content" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  524. {% if item.icon %}
  525. <div class="item-images">
  526. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="616" height="322" loading="lazy">
  527. </div>
  528. {% endif %}
  530. {% if item.description or item.title or item.title_lien is not empty %}
  531. <div class="description" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  532. {% if item.title %}
  533. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}> <a {% if item.text_color %} style="color: {{item.text_color}};" {% endif %} href="{{resolveInternalSlugLink(item.lien_interne)}}">{{item.title|raw}}</a></h3>
  534. {% endif %}
  535. {% if item.sous_titre is not empty %}
  536. <h4>{{item.sous_titre}}</h4>
  537. {% endif %}
  539. {{item.description|raw}}
  543. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  544. <div class="bloc-button-item">
  545. {% if item.type_lien == '2' %}
  546. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme"><i class="fa-solid fa-arrow-right-long"></i><span>{{item.title_lien|raw}}</span></a>
  547. {% elseif item.type_lien == '3' %}
  548. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme"><i class="fa-solid fa-arrow-right-long"></i><span>{{item.title_lien|raw}}</span></a>
  549. {% elseif item.type_lien == '4' %}
  550. <a href="tel:{{ item.phone_number }}" class="btn-theme"><i class="fa-solid fa-arrow-right-long"></i><span>{{item.title_lien|raw}}</span></a>
  551. {% endif %}
  552. </div>
  553. {% endif %}
  554. </div>
  555. {% endif %}
  556. </div>
  557. </div>
  558. {% set duree = duree + '100' %}
  559. {% endfor %}
  560. {% endif %}
  563. </div>
  564. {% endif %}
  566. </div>
  567. </div>
  568. </div>
  569. {% endif %}
  572. {% endif %}