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