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}}" 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 ?? ''}}">
  6. <div class="container-fluid content-wrapper">
  7. {% 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 %}
  8. <div class="row pb-3">
  9. {% if data_etaps.globalTitleOption is not empty or data_etaps.globalTitle is not empty %}
  10. <div class="col-sm-12 bloc-titre" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  11. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  12. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  13. {{data_etaps.globalTitle|raw}}
  14. </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="50">
  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">
  22. {{data_etaps.globalDesc|raw}}</div>
  23. {% endif %}
  24. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  25. <div class="description-option" style="{{ data_etaps.text_color2 ? 'color:' ~ data_etaps.text_color2 ~ ';' : '' }} {{ data_etaps.bg_color2 ? 'background-color:' ~ data_etaps.bg_color2 ~ ';' : '' }}">
  26. {{data_etaps.globalDescOption|raw}}</div>
  27. {% endif %}
  28. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  29. {% if data_etaps.typeLien == '4' %}
  30. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme">{{data_etaps.globalLien}}</a>
  31. {% elseif data_etaps.typeLien == '2' %}
  32. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme">{{data_etaps.globalLien}}</a>
  33. {% elseif data_etaps.typeLien == '3' %}
  34. <a href="{{data_etaps.lienExterne}}" class="btn-theme" target="_blank">{{data_etaps.globalLien}}</a>
  35. {% endif %}
  36. {% endif %}
  37. </div>
  38. </div>
  39. {% endif %}
  40. </div>
  41. {% endif %}
  42. {% if data_etaps.etaps is not empty %}
  43. <div class="row content-body justify-content-center">
  44. {% set duree = '100' %}
  45. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  47. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-xl-' ~ data_etaps.globalGridItems: "col-md-3" %}
  50. {% for item in data_etaps.etaps %}
  51. <div class="col-md-6 {{colClass}} body-content" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="{{duree}}">
  52. <div class="bloc-content" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  53. {% if item.icon %}
  54. <div class="item-picto">
  55. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="50" height="50" loading="lazy">
  56. </div>
  57. {% endif %}
  59. {% if item.description or item.title or item.sous_titre or item.description2 or item.type_lien %}
  60. <div class="description-item" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  61. {% if item.title %}
  62. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  63. {{item.title}}</h3>
  64. {% endif %}
  65. {% if item.sous_titre is not empty %}
  66. <span class="sous-titre">{{item.sous_titre}}</span>
  67. {% endif %}
  68. {% if item.description %}
  69. <div class="description-item" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.description|raw}}</div>
  70. {% endif %}
  71. {% if item.description2 %}
  72. <div class="description-option-item" {% if item.bg_color2 or item.text_color2 %} style="background-color: {{item.bg_color2}}; color: {{item.text_color2}};" {% endif %}>
  73. {{item.description2|raw}}
  74. </div>
  75. {% endif %}
  76. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  77. <div class="bloc-button-item">
  78. {% if item.type_lien == '2' %}
  79. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  80. {% elseif item.type_lien == '3' %}
  81. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">{{ item.title_lien|raw }}</a>
  82. {% elseif item.type_lien == '4' %}
  83. <a href="tel:{{ item.phone_number }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  84. {% endif %}
  85. </div>
  86. {% endif %}
  87. </div>
  88. {% endif %}
  89. </div>
  90. </div>
  91. {% set duree = duree + '100' %}
  92. {% endfor %}
  93. {% endif %}
  96. </div>
  97. {% endif %}
  98. </div>
  99. </div>
  100. {% elseif bloc.template == "2" %}
  101. <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 ?? ''}}">
  102. <div class="container-fluid content-wrapper">
  103. {% 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 %}
  104. <div class="row header">
  105. <div class="col-sm-12 col-md-12" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  106. {% if data_etaps.globalTitleOption is defined and data_etaps.globalTitleOption is not empty %}
  107. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  108. {% endif %}
  109. {% if data_etaps.globalTitle is defined and data_etaps.globalTitle is not empty %}
  110. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  111. {{data_etaps.globalTitle|raw}}
  112. </h2>
  113. {% endif %}
  114. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  115. <div class="description" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  116. {{data_etaps.globalDesc|raw}}</div>
  117. {% endif %}
  118. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  119. <div class="description-option" style="{{ data_etaps.text_color2 ? 'color:' ~ data_etaps.text_color2 ~ ';' : '' }} {{ data_etaps.bg_color2 ? 'background-color:' ~ data_etaps.bg_color2 ~ ';' : '' }}">
  120. {{data_etaps.globalDescOption|raw}}</div>
  121. {% endif %}
  122. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  123. {% if data_etaps.typeLien == '4' %}
  124. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme">{{data_etaps.globalLien}}</a>
  125. {% elseif data_etaps.typeLien == '2' %}
  126. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme">{{data_etaps.globalLien}}</a>
  127. {% elseif data_etaps.typeLien == '3' %}
  128. <a href="{{data_etaps.lienExterne}}" class="btn-theme" target="_blank">{{itdata_etapsem.globalLien}}</a>
  129. {% endif %}
  130. {% endif %}
  131. </div>
  132. </div>
  133. {% endif %}
  134. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  135. <div class="row content-body ">
  136. {% set duree = '100' %}
  137. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-md-' ~ data_etaps.globalGridItems: "col-md-3" %}
  138. {% for item in data_etaps.etaps %}
  139. <div class="col-sm-12 col-md-6 {{colClass}} text-start" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="{{duree}}">
  140. <div class="bloc-content d-flex align-items-center w-100" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  141. {% if item.icon is not empty %}
  142. <span class="item-picto">
  143. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="80" height="80" loading="lazy">
  144. </span>
  145. {% endif %}
  146. {% if item.title is not empty or item.sous_titre is not empty %}
  147. <div class="bloc-titre d-flex flex-column" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  148. {% if item.title is not empty %}
  149. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  150. {{item.title}}</h3>
  151. {% endif %}
  153. {% if item.sous_titre is not empty %}
  154. <span class="sous-titre" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.sous_titre}}</span>
  155. {% endif %}
  156. </div>
  157. {% endif %}
  158. {% if item.description is not empty or item.description2 is not empty or item.type_lien != '1' %}
  159. <div class="bloc-description-item">
  160. {% if item.description %}
  161. <div class="description-item" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.description|raw}}</div>
  162. {% endif %}
  163. {% if item.description2 %}
  164. <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>
  165. {% endif %}
  166. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  167. <div class="bloc-button-item">
  168. {% if item.type_lien == '2' %}
  169. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  170. {% elseif item.type_lien == '3' %}
  171. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">{{ item.title_lien|raw }}</a>
  172. {% elseif item.type_lien == '4' %}
  173. <a href="tel:{{ item.phone_number }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  174. {% endif %}
  175. </div>
  176. {% endif %}
  177. </div>
  178. {% endif %}
  179. </div>
  180. </div>
  181. {% set duree = duree + '100' %}
  182. {% endfor %}
  183. </div>
  184. {% endif %}
  185. </div>
  186. </div>
  187. {% elseif bloc.template == "3" %}
  188. <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 ?? ''}}">
  189. <div class="container-fluid content-wrapper">
  190. {% if data_etaps is defined and data_etaps is not empty %}
  191. {% if data_etaps.etaps is defined and data_etaps is not empty %}
  192. <div class="row ">
  193. {% set duree = '100' %}
  194. {% 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 %}
  195. <div class="col-sm-12 col-xl-6 ">
  196. <div class="content-body">
  197. {% if data_etaps.globalTitleOption is defined and data_etaps.globalTitleOption is not empty %}
  198. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  199. {% endif %}
  200. {% if data_etaps.globalTitle is not empty %}
  201. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  202. {{data_etaps.globalTitle|raw}}
  203. </h2>
  204. {% endif %}
  205. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  206. <div class="description" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  207. {{data_etaps.globalDesc|raw}}</div>
  208. {% endif %}
  209. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  210. {% if data_etaps.typeLien == '4' %}
  211. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme mb-3">{{data_etaps.globalLien}}</a>
  212. {% elseif data_etaps.typeLien == '2' %}
  213. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme mb-3">{{data_etaps.globalLien}}</a>
  214. {% elseif data_etaps.typeLien == '3' %}
  215. <a href="{{data_etaps.lienExterne}}" class="btn-theme mb-3" target="_blank">{{itdata_etapsem.globalLien}}</a>
  216. {% endif %}
  217. {% endif %}
  218. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  219. {% set duree = '100' %}
  220. <div class="description-option" style="{{ data_etaps.text_color2 ? 'color:' ~ data_etaps.text_color2 ~ ';' : '' }} {{ data_etaps.bg_color2 ? 'background-color:' ~ data_etaps.bg_color2 ~ ';' : '' }}">
  221. {{data_etaps.globalDescOption|raw}}
  222. </div>
  223. {% endif %}
  224. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  225. <div class="row">
  226. {% for item in data_etaps.etaps %}
  227. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-lg-' ~ data_etaps.globalGridItems: "col-md-3" %}
  228. <div class="{{colClass}}" data-aos="fade-right" data-aos-easing="linear" data-aos-delay="{{duree}}">
  229. <div class="content-item" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  230. {% if item.icon is not empty %}
  231. <div class="icon">
  232. <span class="item-picto">
  233. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="50" height="50" loading="lazy">
  234. </span>
  235. </div>
  236. {% endif %}
  237. {% 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 %}
  238. <div class="content">
  239. {% if item.title is not empty %}
  240. <h3 {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.title}}</h3>
  241. {% endif %}
  242. {% if item.sous_titre is not empty %}
  243. <span class="sous-titre" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.sous_titre}}</span>
  244. {% endif %}
  245. {% if item.description is not empty %}
  246. <div class="description" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.description|raw}}</div>
  247. {% endif %}
  248. {% if item.description2 is not empty %}
  249. <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>
  250. {% endif %}
  251. </div>
  252. {% endif %}
  253. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  254. <div class="bloc-button-item">
  255. {% if item.type_lien == '2' %}
  256. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  257. {% elseif item.type_lien == '3' %}
  258. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">{{ item.title_lien|raw }}</a>
  259. {% elseif item.type_lien == '4' %}
  260. <a href="tel:{{ item.phone_number }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  261. {% endif %}
  262. </div>
  263. {% endif %}
  264. </div>
  265. </div>
  266. {% set duree = duree + '100' %}
  267. {% endfor %}
  268. </div>
  269. {% endif %}
  270. </div>
  271. </div>
  272. {% endif %}
  273. {% if bloc.image is not empty %}
  274. <div class="col-sm-12 col-xl-6">
  275. <div class="image_boxes text-center" data-aos="fade-left" data-aos-easing="linear" data-aos-delay="{{duree}}">
  276. {% if bloc.image is not empty %}
  277. <div class="image one">
  278. <img src="{{ asset_image(bloc.image, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(data_etaps.globalTitle|raw) }}" class="img-fluid">
  279. </div>
  280. {% endif %}
  281. {% if bloc.image2 is not empty %}
  282. <div class="image two">
  283. <img src="{{ asset_image(bloc.image2, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(data_etaps.globalTitle|raw) }}" class="img-fluid">
  284. </div>
  285. {% endif %}
  286. </div>
  287. </div>
  288. {% endif %}
  289. </div>
  290. {% endif %}
  291. {% endif %}
  292. </div>
  293. </div>
  294. {% elseif bloc.template == "4" %}
  295. <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 ?? ''}}">
  296. <div class="container-fluid content-wrapper">
  297. {% if data_etaps is defined and data_etaps is not empty %}
  298. <div class="row align-items-center">
  299. {% 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 %}
  300. <div class="col-sm-12 col-xl-6" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  301. {% if data_etaps.globalTitleOption is defined and data_etaps.globalTitleOption is not empty %}
  302. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  303. {% endif %}
  304. {% if data_etaps.globalTitle is not empty %}
  305. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  306. {{data_etaps.globalTitle|raw}}
  307. </h2>
  308. {% endif %}
  309. {% if data_etaps.globalDesc is not empty or data_etaps.typeLien != 1 or data_etaps.globalDescOption is not empty %}
  310. <div class="bloc-description" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  311. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  312. <div class="description">
  313. {{data_etaps.globalDesc|raw}}</div>
  314. {% endif %}
  316. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  317. {% if data_etaps.typeLien == '4' %}
  318. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme">{{data_etaps.globalLien}}</a>
  319. {% elseif data_etaps.typeLien == '2' %}
  320. <p>
  321. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme">
  322. <span>{{data_etaps.globalLien}}</span>
  323. </a>
  324. </p>
  325. {% elseif data_etaps.typeLien == '3' %}
  326. <a href="{{data_etaps.lienExterne}}" class="btn-theme" target="_blank">{{itdata_etapsem.globalLien}}</a>
  327. {% endif %}
  328. {% endif %}
  330. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  331. <div class="description-option" style="{{ data_etaps.text_color2 ? 'color:' ~ data_etaps.text_color2 ~ ';' : '' }} {{ data_etaps.bg_color2 ? 'background-color:' ~ data_etaps.bg_color2 ~ ';' : '' }}">
  332. {{data_etaps.globalDescOption|raw}}</div>
  333. {% endif %}
  334. </div>
  335. {% endif %}
  336. </div>
  337. {% endif %}
  338. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  339. <div class="col-sm-12 col-xl-6" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  340. {% set duree = '100' %}
  341. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-lg-' ~ data_etaps.globalGridItems: "col-md-3" %}
  342. <div class="row">
  343. {% for item in data_etaps.etaps %}
  344. <div class="{{colClass}}">
  345. <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 %}>
  346. {% if item.icon is not empty %}
  347. <span class="item-picto">
  348. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="31" height="31" loading="lazy">
  349. </span>
  350. {% endif %}
  351. {% if item.title is not empty %}
  352. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  353. {{item.title}}</h3>
  354. {% endif %}
  355. {% if item.sous_titre is not empty %}
  356. <span class="sous-titre" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.sous_titre}}</span>
  357. {% endif %}
  358. {% if item.description is not empty %}
  359. <div class="description-item" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.description|raw}}</div>
  360. {% endif %}
  361. {% if item.description2 is not empty %}
  362. <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>
  363. {% endif %}
  364. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  365. <div class="bloc-button-item">
  366. {% if item.type_lien == '2' %}
  367. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  368. {% elseif item.type_lien == '3' %}
  369. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">{{ item.title_lien|raw }}</a>
  370. {% elseif item.type_lien == '4' %}
  371. <a href="tel:{{ item.phone_number }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  372. {% endif %}
  373. </div>
  374. {% endif %}
  375. </div>
  376. </div>
  377. {% set duree = duree + '100' %}
  378. {% endfor %}
  379. </div>
  380. </div>
  381. {% endif %}
  382. </div>
  383. {% endif %}
  384. </div>
  385. </div>
  386. {% elseif bloc.template == "5" %}
  387. <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 ~ ';' : '' }}">
  388. <div class="container-fluid content-wrapper">
  389. {% if data_etaps is defined and data_etaps is not empty %}
  390. {% 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 %}
  391. <div class="row row-header align-items-center justify-content-center">
  392. <div class="col-sm-12" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  394. {% if data_etaps.globalTitleOption is defined and data_etaps.globalTitleOption is not empty %}
  395. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  396. {% endif %}
  399. {% if data_etaps.globalTitle is not empty %}
  400. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  401. {{data_etaps.globalTitle|raw}}
  402. </h2>
  403. {% endif %}
  405. {% if data_etaps.globalDesc is not empty or data_etaps.typeLien != 1 or data_etaps.globalDescOption is not empty %}
  406. <div class="bloc-description" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  407. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  408. <div class="description">
  409. {{data_etaps.globalDesc|raw}}</div>
  410. {% endif %}
  412. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  413. {% if data_etaps.typeLien == '4' %}
  414. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme">{{data_etaps.globalLien}}</a>
  415. {% elseif data_etaps.typeLien == '2' %}
  416. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme">{{data_etaps.globalLien}}</a>
  417. {% elseif data_etaps.typeLien == '3' %}
  418. <a href="{{data_etaps.lienExterne}}" class="btn-theme" target="_blank">{{itdata_etapsem.globalLien}}</a>
  419. {% endif %}
  420. {% endif %}
  422. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  423. {% set duree = '100' %}
  424. <div class="description-option" style="{{ data_etaps.text_color2 ? 'color:' ~ data_etaps.text_color2 ~ ';' : '' }} {{ data_etaps.bg_color2 ? 'background-color:' ~ data_etaps.bg_color2 ~ ';' : '' }}">
  425. {{data_etaps.globalDescOption|raw}}
  426. </div>
  427. {% endif %}
  428. </div>
  429. {% endif %}
  431. </div>
  432. </div>
  433. {% endif %}
  435. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  436. <div class="row justify-content-center">
  437. {% set duree = '100' %}
  438. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  440. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-lg-' ~ data_etaps.globalGridItems: "col-md-3" %}
  442. {% for item in data_etaps.etaps %}
  443. <div class="col-12 col-md-6 {{colClass}} content-item" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="{{duree}}">
  444. <div class="bloc-content" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  445. {% if item.icon or item.title is not empty or item.sous_titre is not empty %}
  446. <div class="bloc-header">
  447. {% if item.icon %}
  448. <div class="item-picto">
  449. <img src="{{item.icon}}" alt="{{item.sous_titre|raw|default('')}}" width="50" height="50" loading="lazy">
  450. </div>
  451. {% endif %}
  453. {% if item.title is not empty %}
  454. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  455. {{item.title}}</h3>
  456. {% endif %}
  458. {% if item.sous_titre is not empty %}
  459. <span class="sous-titre" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.sous_titre|raw}}</span>
  460. {% endif %}
  461. </div>
  462. {% endif %}
  463. {% if item.description %}
  464. <div class="description-item" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>{{item.description|raw}}</div>
  465. {% endif %}
  466. {% if item.description2 %}
  467. <div class="description-option-item" {% if item.bg_color2 or item.text_color2 %} style="background-color: {{item.bg_color2}}; color: {{item.text_color2}};" {% endif %}>
  468. {{item.description2|raw}}
  469. </div>
  470. {% endif %}
  471. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  472. <div class="bloc-button-item">
  473. {% if item.type_lien == '2' %}
  474. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  475. {% elseif item.type_lien == '3' %}
  476. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">{{ item.title_lien|raw }}</a>
  477. {% elseif item.type_lien == '4' %}
  478. <a href="tel:{{ item.phone_number }}" class="btn-theme">{{ item.title_lien|raw }}</a>
  479. {% endif %}
  480. </div>
  481. {% endif %}
  482. </div>
  483. </div>
  484. {% set duree = duree + '100' %}
  485. {% endfor %}
  486. {% endif %}
  487. </div>
  488. {% endif %}
  489. {% endif %}
  490. </div>
  491. </div>
  492. {% elseif bloc.template == "6" %}
  493. <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 ?? ''}}">
  494. <div class="container-fluid content-wrapper">
  495. {% 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 %}
  496. <div class="row pb-3">
  497. {% if data_etaps.globalTitleOption is not empty or data_etaps.globalTitle is not empty %}
  498. <div class="col-sm-12" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  499. {% if data_etaps.globalTitleOption is defined and data_etaps.globalTitleOption is not empty %}
  500. <span class="site-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">{{data_etaps.globalTitleOption|raw}}</span>
  501. {% endif %}
  502. {% if data_etaps.globalTitle is defined and data_etaps.globalTitle is not empty %}
  503. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  504. {{data_etaps.globalTitle|raw}}
  505. </h2>
  506. {% endif %}
  507. </div>
  508. {% endif %}
  509. {% if data_etaps.globalDesc is not empty or data_etaps.globalDescOption is not empty or data_etaps.typeLien != 1 %}
  510. <div class="col-sm-12" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
  511. <div class="desc-bloc" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  512. {% if data_etaps.globalDesc is defined and data_etaps.globalDesc is not empty %}
  513. <div class="step-description">
  514. {{data_etaps.globalDesc|raw}}</div>
  515. {% endif %}
  516. {% if data_etaps.globalDescOption is defined and data_etaps.globalDescOption is not empty %}
  517. <div class="step-description-option">
  518. {{data_etaps.globalDescOption|raw}}</div>
  519. {% endif %}
  520. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  521. {% if data_etaps.typeLien == '4' %}
  522. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme">{{data_etaps.globalLien}}</a>
  523. {% elseif data_etaps.typeLien == '2' %}
  524. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme">{{data_etaps.globalLien}}</a>
  525. {% elseif data_etaps.typeLien == '3' %}
  526. <a href="{{data_etaps.lienExterne}}" class="btn-theme" target="_blank">{{data_etaps.globalLien}}</a>
  527. {% endif %}
  528. {% endif %}
  529. </div>
  530. </div>
  531. {% endif %}
  532. </div>
  533. {% endif %}
  534. {% if data_etaps.etaps is not empty %}
  535. <div class="row content-body">
  536. {% set duree = '100' %}
  537. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  539. {# {% set colClass = data_etaps.etaps|length == 1 ? 'col-md-12' :
  540. (data_etaps.etaps|length == 2 ? 'col-md-6' :
  541. (data_etaps.etaps|length == 3 ? 'col-md-4' : 'col-md-3')) %} #}
  543. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-xl-' ~ data_etaps.globalGridItems: "col-md-3" %}
  546. {% for item in data_etaps.etaps %}
  547. <div class="col-lg-6 {{colClass}} body-content" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="{{duree}}">
  548. <div class="bloc-content" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  549. {% if item.icon %}
  550. <div class="item-images">
  551. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="616" height="322" loading="lazy">
  552. </div>
  553. {% endif %}
  555. {% if item.description or item.title or item.title_lien is not empty %}
  556. <div class="description" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  557. {% if item.title %}
  558. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  559. <a {% if item.text_color %} style="color: {{item.text_color}};" {% endif %} href="{{resolveInternalSlugLink(item.lien_interne)}}">{{item.title|raw}}</a>
  560. </h3>
  561. {% endif %}
  562. {% if item.sous_titre is not empty %}
  563. <h4>{{item.sous_titre}}</h4>
  564. {% endif %}
  566. {{item.description|raw}}
  569. {% if item.type_lien is defined and item.type_lien != '1' and item.title_lien is not empty %}
  570. <div class="bloc-button-item">
  571. {% if item.type_lien == '2' %}
  572. <a href="{{ resolveInternalSlugLink(item.lien_interne) }}" class="btn-theme">
  573. <i class="fa-solid fa-arrow-right-long"></i>
  574. <span>{{item.title_lien|raw}}</span>
  575. </a>
  576. {% elseif item.type_lien == '3' %}
  577. <a href="{{ item.lien_externe }}" target="_blank" class="btn-theme">
  578. <i class="fa-solid fa-arrow-right-long"></i>
  579. <span>{{item.title_lien|raw}}</span>
  580. </a>
  581. {% elseif item.type_lien == '4' %}
  582. <a href="tel:{{ item.phone_number }}" class="btn-theme">
  583. <i class="fa-solid fa-arrow-right-long"></i>
  584. <span>{{item.title_lien|raw}}</span>
  585. </a>
  586. {% endif %}
  587. </div>
  588. {% endif %}
  589. </div>
  590. {% endif %}
  591. </div>
  592. </div>
  593. {% set duree = duree + '100' %}
  594. {% endfor %}
  595. {% endif %}
  598. </div>
  599. {% endif %}
  601. </div>
  602. </div>
  603. </div>
  605. {% elseif bloc.template == "7" %}
  606. <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 ?? ''}}">
  607. <div class="container-fluid content-wrapper">
  608. {% 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 %}
  609. <div class="row align-items-center ">
  610. {% set duree = '100' %}
  611. {% 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 %}
  612. <div class="col-sm-12 col-xl-6 bloc-text order-2">
  613. <div
  614. class="content-body">
  615. {#
  616. <div class="site_title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  617. {% if parametre.actiftitre %}
  618. {{ parametre.titre }}
  619. {% endif %}
  620. </div>
  621. #}
  622. {% if data_etaps.globalTitle is not empty %}
  623. <h2 class="main-title" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  624. {{data_etaps.globalTitle|raw}}
  625. </h2>
  626. {% endif %}
  627. {% if data_etaps.globalDesc is not empty %}
  628. <div class="step-description" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  629. {{data_etaps.globalDesc|raw}}</div>
  630. {% endif %}
  631. {% if data_etaps.typeLien != 1 and data_etaps.typeLien != '' %}
  632. {% if data_etaps.typeLien == '4' %}
  633. <a onclick="window.location.href = 'tel:{{data_etaps.telephone}}';" class="btn-theme mb-3">{{data_etaps.globalLien}}</a>
  634. {% elseif data_etaps.typeLien == '2' %}
  635. <a href="{{resolveInternalSlugLink(data_etaps.lieninterne)}}" class="btn-theme mb-3">{{data_etaps.globalLien}}</a>
  636. {% elseif data_etaps.typeLien == '3' %}
  637. <a href="{{data_etaps.lienExterne}}" class="btn-theme mb-3" target="_blank">{{itdata_etapsem.globalLien}}</a>
  638. {% endif %}
  639. {% endif %}
  640. </div>
  641. <div class="content-body-option" style="{{ data_etaps.text_color ? 'color:' ~ data_etaps.text_color ~ ';' : '' }}">
  642. {{data_etaps.globalDescOption|raw}}
  643. {% if data_etaps.etaps is not empty %}
  644. <div class="row content-etape">
  645. {% set duree = '100' %}
  646. {% if data_etaps.etaps is defined and data_etaps.etaps is not empty %}
  648. {# {% set colClass = data_etaps.etaps|length == 1 ? 'col-md-12' :
  649. (data_etaps.etaps|length == 2 ? 'col-md-6' :
  650. (data_etaps.etaps|length == 3 ? 'col-md-4' : 'col-md-3')) %} #}
  652. {% set colClass = data_etaps.globalGridItems is not empty ? 'col-xl-' ~ data_etaps.globalGridItems: "col-md-3" %}
  655. {% for item in data_etaps.etaps %}
  656. <div class="col-md-12 {{colClass}} body-content" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="{{duree}}">
  657. <div class="bloc-content d-flex align-items-center" {% if item.bg_color %} style="background-color: {{item.bg_color}};" {% endif %}>
  658. {% if item.icon %}
  659. <div class="item-picto">
  660. <img src="{{item.icon}}" alt="{{item.sous_titre|default('')}}" width="44" height="44" loading="lazy">
  661. </div>
  662. {% endif %}
  664. {% if item.description or item.title or item.sous_titre %}
  665. <div class="description" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  666. {% if item.title %}
  667. <h3 class="title" {% if item.text_color %} style="color: {{item.text_color}};" {% endif %}>
  668. {{item.title}}</h3>
  669. {% endif %}
  670. {% if item.sous_titre is not empty %}
  671. <h5>{{item.sous_titre}}</h5>
  672. {% endif %}
  673. {{item.description|raw}}
  674. </div>
  675. {% endif %}
  676. </div>
  677. </div>
  678. {% set duree = duree + '100' %}
  679. {% endfor %}
  680. {% endif %}
  682. </div>
  683. {% endif %}
  684. </div>
  685. </div>
  686. {% endif %}
  687. {% if bloc.image is not empty %}
  688. <div class="col-sm-12 col-xl-6 mt-4 mt-xl-0 order-1 ">
  689. <div class="bloc-img-1" data-aos="fade-left" data-aos-easing="linear" data-aos-delay="{{duree}}">
  690. <img src="{{ asset_image(bloc.image, 'medium', ['800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(data_etaps.globalTitle|raw) }}" class="img-fluid">
  691. </div>
  692. </div>
  693. {% endif %}
  694. {% if bloc.image2 is not empty %}
  695. <div class="col-sm-12 col-xl-6 order-xl-3 order-4">
  696. <div class="bloc-img-2" data-aos="fade-right" data-aos-easing="linear" data-aos-delay="{{duree}}">
  697. <img src="{{ asset_image(bloc.image2, 'medium', ['800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(data_etaps.globalTitle|raw) }}" class="img-fluid">
  698. </div>
  699. </div>
  700. {% endif %}
  703. </div>
  704. {% endif %}
  706. </div>
  707. </div>
  710. {% endif %}{% endif %}