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