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