templates/theme/default/partials/_header.html.twig line 1

Open in your IDE?
  1. {% set parametre = site_parameters.getParameters() %}
  2. {% set target = ['','_top','_new','_self','_blank','_parent'] %}
  3. {% import _self as macros %}
  4. <header class="modele-header-3 {{className}} {% if theme_option.headerbgtransparent %}transparent{% endif %}">
  5. <div class="header-principal">
  6. <div class="container-fluid content-wrapper">
  7. <div class="item-header row d-flex justify-content-between align-items-center">
  8. <div class="col-lg-5 col-sm-4 col-3">
  9. <div class="d-flex justify-content-start flex-lg-row flex-sm-column flex-row">
  10. {#% set emails = unserialize(contacts[0].email) %}
  11. {% for key,item in emails %}
  12. <div class="item-email-header d-flex me-lg-4 me-sm-0 me-2">
  13. <a href="tel:{{item}}" class="d-flex align-items-center" rel="nofollow">
  14. <i class="fa-regular fa-envelope me-2"></i>
  15. <span class="d-sm-inline d-none">{{item}}</span>
  16. </a>
  17. </div>
  18. {% endfor %#}
  19. {% set phones = unserialize(contacts[0].tel) %}
  20. {% for key,item in phones %}
  21. <div class="item-tel-header d-flex">
  22. <a href="tel:{{stripNonNumeric(item)}}" class="d-flex align-items-center" rel="nofollow">
  23. <i class="fa-solid fa-phone-volume me-2"></i>
  24. <span class="d-sm-inline d-none">{{item}}</span>
  25. </a>
  26. </div>
  27. {% endfor %}
  28. </div>
  29. </div>
  30. <div class="bloc-header-1 col-auto text-center">
  31. <a href="{{app.request.schemeAndHttpHost ~ app.request.baseUrl}}" class="logo_h">
  32. <div class="logo">
  33. {% if theme_option.headerbgtransparent and parametre.imageheader is not empty %}
  34. <img class="img-logo" src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="128" height="65" fetchpriority="high">
  35. {% elseif parametre.image is not empty %}
  36. <img src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="128" height="65" fetchpriority="high">
  37. {% endif %}
  38. </div>
  39. </a>
  40. </div>
  41. <div class="bloc-header-2 col-lg-5 col-sm-4 col-3 order-lg-3 ps-0">
  42. <div class="lists-items-header d-flex justify-content-end align-items-center flex-wrap" itemscope="">
  43. {#
  44. {% if socials is defined and socials is not empty %}
  45. <div class="socials-items d-sm-flex d-none">
  46. <div class="socials">
  47. {% for item in socials %}
  48. {% if item.type == 1 %}
  49. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
  50. {% elseif item.type == 2 %}
  51. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
  52. {% elseif item.type == 3 %}
  53. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
  54. {% elseif item.type == 4 %}
  55. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
  56. {% elseif item.type == 5 %}
  57. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
  58. {% elseif item.type == 6 %}
  59. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest-p"></i></a>
  60. {% elseif item.type == 7 %}
  61. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
  62. {% endif %}
  63. {% endfor %}
  64. </div>
  65. </div>
  66. {% endif %}
  67. #}
  68. <div class="cta bouton1-header ">
  69. <button class="btn-header" onclick="window.location.href = '{{resolveInternalSlugLink(4)}}';" title="Prendre rendez-vous maintenant"><i class="fa-regular fa-envelope d-sm-none d-block"></i> <span class="d-sm-block d-none">{{ 'label.reserver'|trans([],'textes') }}</span></button>
  70. </div>
  71. <div class="item-menu-header justify-content-center align-items-center d-xl-none d-flex ms-3">
  72. <div class="w-100">
  73. <div class="burger-menu" id="burger-menu">
  74. <span class="line line1"></span>
  75. <span class="line line2"></span>
  76. <span class="line line3"></span>
  77. </div>
  78. {% if menu_right is defined and menu_right is not empty %}
  79. <nav class="primary-nav menu justify-content-center" id="menu">
  80. <ul>
  81. {{ macros.render_menu(menu_right, theme_option.actificonesnavigation, target) }}
  82. </ul>
  83. {% if socials is defined and socials is not empty %}
  84. <div class="socials-items d-none">
  85. <div class="socials">
  86. {% for item in socials %}
  87. {% if item.type == 1 %}
  88. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
  89. {% elseif item.type == 2 %}
  90. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
  91. {% elseif item.type == 3 %}
  92. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
  93. {% elseif item.type == 4 %}
  94. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
  95. {% elseif item.type == 5 %}
  96. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
  97. {% elseif item.type == 6 %}
  98. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
  99. {% elseif item.type == 7 %}
  100. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
  101. {% endif %}
  102. {% endfor %}
  103. </div>
  104. </div>
  105. {% endif %}
  106. {% if contacts is defined and contacts is not empty %}
  107. {% for item in contacts %}
  108. <div class="item-horaire-header d-lg-none d-flex text-center">
  109. {% if item.horairesContact is not empty %}
  110. {{item.horairesContact|raw}}
  111. {% endif %}
  112. </div>
  113. {% endfor %}
  114. {% endif %}
  115. {% set phones = unserialize(contacts[0].tel) %}
  116. {% for key,item in phones %}
  117. <div class="item-tel-header mb-2 d-none">
  118. <a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
  119. <i class="fa-solid fa-phone me-2 "></i>
  120. <span>{{item}}</span>
  121. </a>
  122. </div>
  123. {% endfor %}
  124. <div class="cta-mobile bouton1-header d-none">
  125. <button class="btn-theme btn-header" onclick="window.location.href = '{{resolveInternalSlugLink(11)}}';" title="{{ 'label.reserver'|trans([],'textes') }}">{{ 'label.reserver'|trans([],'textes') }}</button>
  126. </div>
  127. </nav>
  128. {% endif %}
  129. </div>
  130. </div>
  131. {% if parametre.actifbarserach %}
  132. <div class="dropdown search-bar bouton1-header">
  133. <button class="btn btn-outline-secondary btn-header" type="button" id="searchDropdown" data-bs-toggle="dropdown" aria-expanded="false">
  134. <i class="fas fa-search"></i>
  135. </button>
  136. <ul class="dropdown-menu dropdown-menu-end p-3" aria-labelledby="searchDropdown">
  137. <form class="d-flex" role="search" action="{{path('page',{slug:'search'})}}" method="GET">
  138. <input class="form-control me-2" type="search" name="search_keywords" placeholder="Rechercher..." aria-label="Rechercher">
  139. <button class="btn btn-theme" type="submit">Rechercher</button>
  140. <button class="btn btn-dark btn-mobile" type="submit"><i class="fas fa-search"></i></button>
  141. </form>
  142. </ul>
  143. </div>
  144. {% endif %}
  145. {% if parametre.actifswitchlang %}
  146. <div class="switch-lang-mobile d-lg-block">
  147. {{ include ('theme/'~ app.request.server.get('APP_THEME') ~'/partials/_locale.html.twig',{}, with_context = false)}}
  148. </div>
  149. {% endif %}
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. <div class="container-fluid d-xl-block d-none pt-2">
  155. <div class="item-menu-header col-12 d-flex justify-content-center align-items-center order-4">
  156. <div class="w-100">
  157. <div class="burger-menu" id="burger-menu">
  158. <span class="line line1"></span>
  159. <span class="line line2"></span>
  160. <span class="line line3"></span>
  161. </div>
  162. {% if menu_right is defined and menu_right is not empty %}
  163. <nav class="primary-nav menu justify-content-center" id="menu">
  164. <ul>
  165. {{ macros.render_menu(menu_right, theme_option.actificonesnavigation, target) }}
  166. </ul>
  167. {% if socials is defined and socials is not empty %}
  168. <div class="socials-items d-md-none d-block">
  169. <div class="socials">
  170. {% for item in socials %}
  171. {% if item.type == 1 %}
  172. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
  173. {% elseif item.type == 2 %}
  174. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
  175. {% elseif item.type == 3 %}
  176. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
  177. {% elseif item.type == 4 %}
  178. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
  179. {% elseif item.type == 5 %}
  180. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
  181. {% elseif item.type == 6 %}
  182. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
  183. {% elseif item.type == 7 %}
  184. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
  185. {% endif %}
  186. {% endfor %}
  187. </div>
  188. </div>
  189. {% endif %}
  190. {% set phones = unserialize(contacts[0].tel) %}
  191. {% for key,item in phones %}
  192. <div class="item-tel-header mb-2 d-md-none d-block">
  193. <a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
  194. <i class="fa-solid fa-phone me-2 "></i>
  195. <span>{{item}}</span>
  196. </a>
  197. </div>
  198. {% endfor %}
  199. </nav>
  200. {% endif %}
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. </header>
  206. {% macro render_menu(menu_items, use_icons, target) %}
  207. {% for menu in menu_items %}
  208. <li>
  209. <a title="{{ menu.title }}" href="{{ menu.path }}" {% if menu.nofollow %} rel="nofollow" {% endif %} target="{{ target[menu.target] }}"
  210. {% if menu.child is defined and menu.child is not empty %}class="toggle-submenu"{% endif %} >
  211. {% if use_icons %}
  212. {% if menu.icone %}
  213. <img src="{{ menu.icone }}" alt="{{ menu.title }}" class="icone"/>
  214. {% endif %}
  215. {% if menu.icone_hover %}
  216. <img src="{{ menu.icone_hover }}" alt="{{ menu.title }}" class="picto-hover"/>
  217. {% endif %}
  218. {% endif %}
  219. {{ menu.title }}
  220. </a>
  221. {% if menu.child is defined and menu.child is not empty %}
  222. <ul class="submenu">
  223. {{ _self.render_menu(menu.child, use_icons, target) }}
  224. </ul>
  225. {% endif %}
  226. </li>
  227. {% endfor %}
  228. {% endmacro %}
  229. {#
  230. <header class="modele-header-2 {{className}} {% if theme_option.headerbgtransparent %}transparent{% endif %}">
  231. <div class="header-principal">
  232. <div class="container-fluid content-wrapper">
  233. <div class="item-header row d-flex justify-content-between align-items-center">
  234. <div class="bloc-header-1 col col-lg-auto">
  235. <a href="{{app.request.schemeAndHttpHost ~ app.request.baseUrl}}" class="logo_h">
  236. <div class="logo">
  237. {% if theme_option.headerbgtransparent and parametre.imageheader is not empty %}
  238. <img class="img-logo" src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="88" height="60" fetchpriority="high">
  239. {% elseif parametre.image is not empty %}
  240. <img src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="88" height="60" fetchpriority="high">
  241. {% endif %}
  242. </div>
  243. </a>
  244. </div>
  245. <div class="item-menu-header col-auto d-flex justify-content-center align-items-center flex-lg-row flex-row-reverse order-lg-2 order-3">
  246. <div>
  247. <div class="burger-menu" id="burger-menu">
  248. <span class="line line1"></span>
  249. <span class="line line2"></span>
  250. <span class="line line3"></span>
  251. </div>
  252. {% if menu_right is defined and menu_right is not empty %}
  253. <nav class="primary-nav menu" id="menu">
  254. <ul>
  255. {{ macros.render_menu(menu_right, theme_option.actificonesnavigation, target) }}
  256. </ul>
  257. {% if socials is defined and socials is not empty %}
  258. <div class="socials-items d-none">
  259. <div class="socials">
  260. {% for item in socials %}
  261. {% if item.type == 1 %}
  262. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
  263. {% elseif item.type == 2 %}
  264. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
  265. {% elseif item.type == 3 %}
  266. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
  267. {% elseif item.type == 4 %}
  268. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
  269. {% elseif item.type == 5 %}
  270. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
  271. {% elseif item.type == 6 %}
  272. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
  273. {% elseif item.type == 7 %}
  274. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
  275. {% endif %}
  276. {% endfor %}
  277. </div>
  278. </div>
  279. {% endif %}
  280. {% set phones = unserialize(contacts[0].tel) %}
  281. {% for key,item in phones %}
  282. <div class="item-tel-header mb-2 d-none">
  283. <a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
  284. <i class="fa-solid fa-phone me-2 "></i>
  285. <span>{{item}}</span>
  286. </a>
  287. </div>
  288. {% endfor %}
  289. <div class="cta-mobile bouton1-header d-none">
  290. <button class="btn-theme btn-header" onclick="window.location.href = '{{resolveInternalSlugLink(11)}}';" title="{{ 'label.reserver'|trans([],'textes') }}">{{ 'label.reserver'|trans([],'textes') }}</button>
  291. </div>
  292. </nav>
  293. {% endif %}
  294. </div>
  295. <div class="cta bouton1-header d-flex ms-lg-5 me-lg-0 me-5">
  296. <button class="btn-header btn-theme" onclick="window.location.href = '{{resolveInternalSlugLink(4)}}';" title="{{ 'label.reserver'|trans([],'textes') }}"><span class="d-sm-block d-none">{{ 'label.reserver'|trans([],'textes') }}</span><i class="fa-solid fa-envelope d-sm-none"></i></button>
  297. </div>
  298. </div>
  299. <div class="bloc-header-2 col-auto order-lg-3 order-2 d-none">
  300. <div class="lists-items-header d-flex justify-content-end align-items-center flex-wrap" itemscope="">
  301. {#
  302. {% if socials is defined and socials is not empty %}
  303. <div class="socials-items d-sm-flex d-none">
  304. <div class="socials">
  305. {% for item in socials %}
  306. {% if item.type == 1 %}
  307. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
  308. {% elseif item.type == 2 %}
  309. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
  310. {% elseif item.type == 3 %}
  311. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
  312. {% elseif item.type == 4 %}
  313. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
  314. {% elseif item.type == 5 %}
  315. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
  316. {% elseif item.type == 6 %}
  317. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
  318. {% elseif item.type == 7 %}
  319. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
  320. {% endif %}
  321. {% endfor %}
  322. </div>
  323. </div>
  324. {% endif %}
  325. {% set phones = unserialize(contacts[0].tel) %}
  326. {% for key,item in phones %}
  327. <div class="item-tel-header d-sm-flex d-none me-2">
  328. <a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
  329. <i class="fa-solid fa-phone me-2 "></i>
  330. <span>{{item}}</span>
  331. </a>
  332. </div>
  333. {% endfor %}
  334. <div class="cta bouton1-header d-sm-flex d-none">
  335. <button class="btn-header btn-theme" onclick="window.location.href = '{{resolveInternalSlugLink(4)}}';" title="{{ 'label.reserver'|trans([],'textes') }}">{{ 'label.reserver'|trans([],'textes') }}</button>
  336. </div>
  337. {% if parametre.actifbarserach %}
  338. <div class="dropdown search-bar bouton1-header">
  339. <button class="btn btn-outline-secondary btn-header" type="button" id="searchDropdown" data-bs-toggle="dropdown" aria-expanded="false">
  340. <i class="fas fa-search"></i>
  341. </button>
  342. <ul class="dropdown-menu dropdown-menu-end p-3" aria-labelledby="searchDropdown">
  343. <form class="d-flex" role="search" action="{{path('page',{slug:'search'})}}" method="GET">
  344. <input class="form-control me-2" type="search" name="search_keywords" placeholder="Rechercher..." aria-label="Rechercher">
  345. <button class="btn btn-theme" type="submit">Rechercher</button>
  346. <button class="btn btn-dark btn-mobile" type="submit"><i class="fas fa-search"></i></button>
  347. </form>
  348. </ul>
  349. </div>
  350. {% endif %}
  351. {% if parametre.actifswitchlang %}
  352. <div class="switch-lang-mobile d-lg-block">
  353. {{ include ('theme/'~ app.request.server.get('APP_THEME') ~'/partials/_locale.html.twig',{}, with_context = false)}}
  354. </div>
  355. {% endif %}
  356. </div>
  357. </div>
  358. </div>
  359. </div>
  360. </div>
  361. </header>#}
  362. {#
  363. <header class="modele-header-1 {{className}} {% if theme_option.headerbgtransparent %}transparent{% endif %}">
  364. <div class="header-principal">
  365. <div class="container-fluid content-wrapper">
  366. <div class="item-header row d-flex justify-content-between align-items-center">
  367. <div class="bloc-header-1 col col-lg-auto">
  368. <a href="{{app.request.schemeAndHttpHost ~ app.request.baseUrl}}" class="logo_h">
  369. <div class="logo">
  370. {% if theme_option.headerbgtransparent and parametre.imageheader is not empty %}
  371. <img class="img-logo" src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="121" height="166" fetchpriority="high">
  372. {% elseif parametre.image is not empty %}
  373. <img src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="121" height="166" fetchpriority="high">
  374. {% endif %}
  375. </div>
  376. </a>
  377. </div>
  378. <div class="item-menu-header col-auto d-flex justify-content-center align-items-center order-lg-2 order-3">
  379. <div>
  380. <div class="burger-menu" id="burger-menu">
  381. <span class="line line1"></span>
  382. <span class="line line2"></span>
  383. <span class="line line3"></span>
  384. </div>
  385. {% if menu_right is defined and menu_right is not empty %}
  386. <nav class="primary-nav menu" id="menu">
  387. <ul>
  388. {{ macros.render_menu(menu_right, theme_option.actificonesnavigation, target) }}
  389. </ul>
  390. {% if socials is defined and socials is not empty %}
  391. <div class="socials-items d-md-none d-block">
  392. <div class="socials">
  393. {% for item in socials %}
  394. {% if item.type == 1 %}
  395. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
  396. {% elseif item.type == 2 %}
  397. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
  398. {% elseif item.type == 3 %}
  399. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
  400. {% elseif item.type == 4 %}
  401. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
  402. {% elseif item.type == 5 %}
  403. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
  404. {% elseif item.type == 6 %}
  405. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
  406. {% elseif item.type == 7 %}
  407. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
  408. {% endif %}
  409. {% endfor %}
  410. </div>
  411. </div>
  412. {% endif %}
  413. {% set phones = unserialize(contacts[0].tel) %}
  414. {% for key,item in phones %}
  415. <div class="item-tel-header mb-2 d-md-none d-block">
  416. <a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
  417. <i class="fa-solid fa-phone me-2 "></i>
  418. <span>{{item}}</span>
  419. </a>
  420. </div>
  421. {% endfor %}
  422. <div class="cta-mobile bouton1-header d-md-none d-block">
  423. <button class="btn-theme btn-header" onclick="window.location.href = '{{resolveInternalSlugLink(11)}}';" title="{{ 'label.reserver'|trans([],'textes') }}">{{ 'label.reserver'|trans([],'textes') }}</button>
  424. </div>
  425. </nav>
  426. {% endif %}
  427. </div>
  428. </div>
  429. <div class="bloc-header-2 col-auto order-lg-3 order-2">
  430. <div class="lists-items-header d-flex justify-content-end align-items-center flex-wrap" itemscope="">
  431. {% if socials is defined and socials is not empty %}
  432. <div class="socials-items d-sm-flex d-none">
  433. <div class="socials">
  434. {% for item in socials %}
  435. {% if item.type == 1 %}
  436. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
  437. {% elseif item.type == 2 %}
  438. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
  439. {% elseif item.type == 3 %}
  440. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
  441. {% elseif item.type == 4 %}
  442. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
  443. {% elseif item.type == 5 %}
  444. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
  445. {% elseif item.type == 6 %}
  446. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
  447. {% elseif item.type == 7 %}
  448. <a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
  449. {% endif %}
  450. {% endfor %}
  451. </div>
  452. </div>
  453. {% endif %}
  454. {% set phones = unserialize(contacts[0].tel) %}
  455. {% for key,item in phones %}
  456. <div class="item-tel-header d-sm-flex d-none me-2">
  457. <a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
  458. <i class="fa-solid fa-phone me-2 "></i>
  459. <span>{{item}}</span>
  460. </a>
  461. </div>
  462. {% endfor %}
  463. <div class="cta bouton1-header d-sm-flex d-none">
  464. <button class="btn-header btn-theme" onclick="window.location.href = '{{resolveInternalSlugLink(11)}}';" title="{{ 'label.reserver'|trans([],'textes') }}">{{ 'label.reserver'|trans([],'textes') }}</button>
  465. </div>
  466. {% if parametre.actifbarserach %}
  467. <div class="dropdown search-bar bouton1-header">
  468. <button class="btn btn-outline-secondary btn-header" type="button" id="searchDropdown" data-bs-toggle="dropdown" aria-expanded="false">
  469. <i class="fas fa-search"></i>
  470. </button>
  471. <ul class="dropdown-menu dropdown-menu-end p-3" aria-labelledby="searchDropdown">
  472. <form class="d-flex" role="search" action="{{path('page',{slug:'search'})}}" method="GET">
  473. <input class="form-control me-2" type="search" name="search_keywords" placeholder="Rechercher..." aria-label="Rechercher">
  474. <button class="btn btn-theme" type="submit">Rechercher</button>
  475. <button class="btn btn-dark btn-mobile" type="submit"><i class="fas fa-search"></i></button>
  476. </form>
  477. </ul>
  478. </div>
  479. {% endif %}
  480. {% if parametre.actifswitchlang %}
  481. <div class="switch-lang-mobile d-lg-block">
  482. {{ include ('theme/'~ app.request.server.get('APP_THEME') ~'/partials/_locale.html.twig',{}, with_context = false)}}
  483. </div>
  484. {% endif %}
  485. </div>
  486. </div>
  487. </div>
  488. </div>
  489. </div>
  490. </header>
  491. #}