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