templates/frontend/nav/_navbar.html.twig line 1

Open in your IDE?
  1. <header class="col-12" {% if banner is defined and banner is not null %} style="margin-top:29px;" {% endif %}>
  2. {% if app.request.cookies.has('whitelistLength') %}
  3. {% if app.request.cookies.get('whitelistLength') > 0 %}
  4. {% set whitelistLen = app.request.cookies.get('whitelistLength')%}
  5. {% endif %}
  6. {% endif %}
  7. <div class="row header__row-sides">
  8. <div class="col-12 col-lg-auto col-md-auto header-side header-side_left">
  9. <a href="{{ path('frontend_catalogue-en-ligne') }}" target="_blank" class="header-side__download-link"
  10. data-title="Recevoir les catalogues" tabindex="0">
  11. <i class="icon icon-documents"></i>
  12. <span>Telecharger les catalogues</span>
  13. </a>
  14. </div>
  16. <div class="col-12 col-lg-auto col-md-12 header-side header-side_scrolled" style="order: 3;">
  17. <div class="row">
  18. <ul class="col-12 col-lg-auto col-md-auto header-side__menu order-1 no-menu-desc">
  19. <li>
  20. <span class="header-side__menu-button font-small" tabindex="1">COLONIE DE VACANCES</span>
  21. <ul class="header-side__menu-submenu">
  22. <li>
  23. <a href="{{ path('frontend_resa_liste_colonies') }}">
  24. <i class="icon icon-ring-list"></i>
  25. <span>Liste de nos colonies</span>
  26. </a>
  27. </li>
  28. {# <li>
  29. <a href="{{ path('frontend_resa_liste_colonies_map') }}">
  30. <i class="icon icon-search"></i>
  31. <span>Colo autour de moi</span>
  32. </a>
  33. </li> #}
  34. <li>
  35. <a href="{{ path('frontend_catalogue-en-ligne') }}">
  36. <i class="icon icon-ring-documents"></i>
  37. <span>Recevoir les catalogues</span>
  38. </a>
  39. </li>
  40. <li>
  41. <a href="{{ path('frontend_colonie-vacances-petit-prix') }}">
  42. <i class="icon icon-ring-tag"></i>
  43. <span>Des séjours à prix mini</span>
  44. </a>
  45. </li>
  46. <li>
  47. <a href="{{ path('frontend_actualites') }}">
  48. <i class="icon icon-ring-star"></i>
  49. <span>Actualités</span>
  50. </a>
  51. </li>
  52. <li>
  53. <a href="/temoignages-croq-vacances-1.html">
  54. <i class="icon icon-ring-like"></i>
  55. <span>Témoignages</span>
  56. </a>
  57. </li>
  58. <li>
  59. <a href="/ficheinscriptionCorse.html">
  60. <i class="icon icon-ring-star"></i>
  61. <span>accueil groupe: Corse</span>
  62. </a>
  63. </li>
  64. </ul>
  65. </li>
  66. <li>
  67. <a href="{{path('frontend_croqinfos')}}" class="font-small" data-title="docs utiles"
  68. tabindex="2">docs
  69. utiles</a>
  70. </li>
  71. </ul>
  75. <div class="col-12 col-lg-auto col-md-12 header-side__logo">
  77. <div class="header-side__basket">
  78. <a href="{{path('mesCommandes')}}" id="monPanierMobile">Mes choix</a>
  79. </div>
  80. {# <div class="col-12 col-lg-auto col-md-auto header__logo-block menu-desc">
  81. <a class="header__logo-link" href="/" title="colonie de vacances">
  82. <img src="{{ asset('assets/img/logo.png') }}" alt="Croq Vacances créateur de souvenirs">
  83. </a>
  84. </div> #}
  85. <a class="header-side__logo-link" href="/" title="colonie de vacances">
  86. <img src="{{ asset('assets/img/logo-xs.png') }}" alt="Croq Vacances créateur de souvenirs">
  87. </a>
  88. <div class="header-side__button-menu" class="navbar-toggler" type="button" data-bs-toggle="collapse"
  89. data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
  90. aria-label="Toggle navigation">
  91. <div></div>
  92. </div>
  93. <div class="col-12 header__mobile collapse navbar-collapse" id="navbarTogglerDemo02">
  94. <div class="row">
  95. <ul class="col-12 header__mobile-menu">
  96. <li>
  97. <span class="mobile-menu__show-submenu list-menu" data-bs-toggle="collapse"
  98. href="#collapse__colonie" role="button" aria-expanded="false"
  99. aria-controls="collapse__colonie">COLONIE DE VACANCES </span>
  100. <ul class="header__mobile-submenu collapse" id="collapse__colonie">
  101. <li>
  102. <a href="{{ path('frontend_resa_liste_colonies') }}">
  103. <i class="icon icon-ring-list"></i>
  104. <span>Liste de nos colonies</span>
  105. </a>
  106. </li>
  107. {# <li>
  108. <a href="{{ path('frontend_resa_liste_colonies_map') }}">
  109. <i class="icon icon-search"></i>
  110. <span>Colo autour de moi</span>
  111. </a>
  112. </li> #}
  113. <li>
  114. <a href="{{ path('frontend_catalogue-en-ligne') }}">
  115. <i class="icon icon-ring-documents"></i>
  116. <span>Recevoir les catalogues</span>
  117. </a>
  118. </li>
  119. <li>
  120. <a href="{{ path('frontend_colonie-vacances-petit-prix') }}">
  121. <i class="icon icon-ring-tag"></i>
  122. <span>Des séjours à prix mini</span>
  123. </a>
  124. </li>
  125. <li>
  126. <a href="{{ path('frontend_actualites') }}">
  127. <i class="icon icon-ring-star"></i>
  128. <span>Actualités</span>
  129. </a>
  130. </li>
  131. <li>
  132. <a href="/temoignages-croq-vacances-1.html">
  133. <i class="icon icon-ring-like"></i>
  134. <span>Témoignages</span>
  135. </a>
  136. </li>
  137. <li>
  138. <a href="/ficheinscriptionCorse.html">
  139. <i class="icon icon-ring-star"></i>
  140. <span>Corse : accueil groupes</span>
  141. </a>
  142. </li>
  143. </ul>
  144. </li>
  145. <li>
  146. <a href="{{path('frontend_croqinfos')}}" data-title="docs utiles">docs utiles</a>
  147. </li>
  148. <li>
  149. <span class="mobile-menu__show-submenu list-menu" data-title="NOS GARANTIES"
  150. data-bs-toggle="collapse" href="#collapse__docs" role="button"
  151. aria-expanded="false" aria-controls="collapse__docs">NOS GARANTIES</span>
  152. <ul class="header__mobile-submenu collapse" id="collapse__docs">
  153. <li>
  154. <a href="/nos-garanties.html">
  155. <i class="icon icon-ring-check"></i>
  156. <span>Nos garanties</span>
  157. </a>
  158. </li>
  159. <li>
  160. <a href="/charte-de-qualite.html">
  161. <i class="icon icon-ring-banner"></i>
  162. <span>Charte qualité</span>
  163. </a>
  164. </li>
  165. <li>
  166. <a href="/projet-educatif.html">
  167. <i class="icon icon-ring-puzzle"></i>
  168. <span>Projet éducatif</span>
  169. </a>
  170. </li>
  171. <li>
  172. <a href="/projet-ecocitoyen">
  173. <i class="icon icon-ring-leaf"></i>
  174. <span>Charte écologique</span>
  175. </a>
  176. </li>
  177. </ul>
  178. </li>
  179. <li>
  180. <span class="mobile-menu__show-submenu list-menu" data-title="INFOS PRATIQUES"
  181. data-title="NOS GARANTIES" data-bs-toggle="collapse" href="#collapse__garantie"
  182. role="button" aria-expanded="false" aria-controls="collapse__garantie">INFOS
  183. PRATIQUES</span>
  184. <ul class="header__mobile-submenu collapse" id="collapse__garantie">
  185. <li>
  186. <a href="/avant-de-partir.html">
  187. <i class="icon icon-ring-information"></i>
  188. <span>Bon à savoir</span>
  189. </a>
  190. </li>
  191. <li>
  192. <a href="/info-vie-du-groupe-colonie-de-vacances.html">
  193. <i class="icon icon-ring-sun"></i>
  194. <span>Vie du groupe</span>
  195. </a>
  196. </li>
  197. <li>
  198. <a href="/info-alimentation-en-colonie-de-vacances.html">
  199. <i class="icon icon-ring-meal"></i>
  200. <span>L'alimentation</span>
  201. </a>
  202. </li>
  203. <li>
  204. <a href="/info-organisation-colonie-de-vacances.html">
  205. <i class="icon icon-ring-bus"></i>
  206. <span>Le transport</span>
  207. </a>
  208. </li>
  209. <li>
  210. <a href="/info-encadrement-colonie-de-vacances.html">
  211. <i class="icon icon-ring-man"></i>
  212. <span>L'encadrement</span>
  213. </a>
  214. </li>
  215. <li>
  216. <a href="/info-communication-colonie-de-vacances.html">
  217. <i class="icon icon-ring-talk"></i>
  218. <span>Gardez le contact</span>
  219. </a>
  220. </li>
  221. <li>
  222. <a href="/aide-financiere.html">
  223. <i class="icon icon-ring-euro"></i>
  224. <span>Paiement &amp; Aides financières</span>
  225. </a>
  226. </li>
  227. </ul>
  228. </li>
  229. <li>
  230. <a href="{{path('get_whitelist')}}">Mes favoris <span
  231. class="badge badge-light whitelist-length"
  232. style="margin-left: 2px;margin-top: -5px;">{{ whitelistLen is defined ? '' ~
  233. whitelistLen: '' }}</span></a>
  234. </li>
  237. </ul>
  238. <ul class="col-12 header__mobile-section">
  239. <li style=" width:100%">
  240. <a href="{{ path('frontend_catalogue-en-ligne') }}"
  241. data-title="Recevoir les catalogues" >
  242. <i class="icon icon-ring-documents"></i>
  243. Télécharger les catalogues</a>
  244. </li>
  246. <li style=" width:100%">
  247. <a href="/recrutement.html" data-title="Espace recrutement"
  248. >
  249. <i class="icon icon-new-document"></i>
  250. Espace recrutement</a>
  251. </li>
  252. <li style=" width:100%">
  253. <a href="/contact.html" data-title="Nous contacter" >
  254. <i class="icon icon-ring-phone"></i>
  255. Nous contacter</a>
  256. </li>
  257. <li style=" width:100%">
  258. {% if app.user is not null %}
  261. <a href="{{path('app_login')}}" data-title="Réserver un séjour"
  262. >
  263. <i class="icon icon-user"></i>
  264. Espace parents</a>
  266. {% if "ROLE_ADMIN" in app.user.roles or "ROLE_DIRECTEUR" in app.user.roles %}
  267. <a href="{{path('directeur') }}" class="sub-menu" >
  268. Espace directeur
  269. </a>
  270. {% endif %}
  271. {% if app.user.contact is not null and (app.user.contact.candidatures | length) >0
  272. %}
  273. <a href="{{path('espace_candidature')}}" class="sub-menu" >
  274. Espace Candidat
  275. </a>
  276. {% endif %}
  278. {% if app.user.contact is not null and (app.user.contact.enterprise is not null)%}
  279. <a href="{{path('espace_ce_general')}}" class="sub-menu" >
  280. Espace partenaire
  281. </a>
  282. {% endif %}
  283. <a href="{{path('app_logout')}}" class="sub-menu" data-title="Réserver un séjour"
  284. >
  285. Déconnexion</a>
  286. {% else %}
  287. <a href="{{path('app_login')}}" class="sub-menu" data-title="Réserver un séjour"
  288. >
  289. <i class="icon icon-user"></i>
  290. Connexion</a>
  291. {% endif %}
  292. </li>
  293. </ul>
  294. </div>
  295. </div>
  296. </div>
  297. <ul class="col-12 col-lg-auto col-md-auto header-side__menu order-2 menu-desc"
  298. style='margin-left: 20px;'>
  299. <li class="no-menu-desc">
  300. <span class="header-side__menu-button font-small" tabindex="3">NOS GARANTIES</span>
  301. <ul class="header-side__menu-submenu">
  302. <li>
  303. <a href="/nos-garanties.html">
  304. <i class="icon icon-ring-check"></i>
  305. <span>Nos garanties</span>
  306. </a>
  307. </li>
  308. <li>
  309. <a href="/charte-de-qualite.html">
  310. <i class="icon icon-ring-banner"></i>
  311. <span>Charte qualité</span>
  312. </a>
  313. </li>
  314. <li>
  315. <a href="/projet-educatif.html">
  316. <i class="icon icon-ring-puzzle"></i>
  317. <span>Projet éducatif</span>
  318. </a>
  319. </li>
  320. <li>
  321. <a href="/projet-ecocitoyen">
  322. <i class="icon icon-ring-leaf"></i>
  323. <span>Projet écocitoyen</span>
  324. </a>
  325. </li>
  326. </ul>
  327. </li>
  328. <li class="menu-desc">
  329. <a href="{{path('frontend_contact')}}" data-title="Nous contacter" tabindex="4">Nous
  330. contacter</a>
  331. </li>
  332. <li class="info-pratique-top">
  333. <span class="header-side__menu-button font-small" tabindex="5">INFOS PRATIQUES</span>
  334. <ul class="header-side__menu-submenu">
  335. <li>
  336. <a href="/avant-de-partir.html">
  337. <i class="icon icon-ring-information"></i>
  338. <span>Bon à savoir</span>
  339. </a>
  340. </li>
  341. <li>
  342. <a href="/info-vie-du-groupe-colonie-de-vacances.html">
  343. <i class="icon icon-ring-sun"></i>
  344. <span>Vie du groupe</span>
  345. </a>
  346. </li>
  347. <li>
  348. <a href="/info-alimentation-en-colonie-de-vacances.html">
  349. <i class="icon icon-ring-meal"></i>
  350. <span>L'alimentation</span>
  351. </a>
  352. </li>
  353. <li>
  354. <a href="/info-organisation-colonie-de-vacances.html">
  355. <i class="icon icon-ring-bus"></i>
  356. <span>Le transport</span>
  357. </a>
  358. </li>
  359. <li>
  360. <a href="/info-encadrement-colonie-de-vacances.html">
  361. <i class="icon icon-ring-man"></i>
  362. <span>L'encadrement</span>
  363. </a>
  364. </li>
  365. <li>
  366. <a href="/info-communication-colonie-de-vacances.html">
  367. <i class="icon icon-ring-talk"></i>
  368. <span>Gardez le contact</span>
  369. </a>
  370. </li>
  371. <li>
  372. <a href="/aide-financiere.html">
  373. <i class="icon icon-ring-euro"></i>
  374. <span>Paiement &amp; Aides financières</span>
  375. </a>
  376. </li>
  377. </ul>
  378. </li>
  379. <li>
  380. <a href="tel:+33240355215" title="Nous appeler" class="font-cookie" tabindex="6">02 40 35 52
  381. 15</a>
  382. </li>
  383. {% if app.user is defined and app.user is not null %}
  384. <li class="show_sub_men">
  385. <button class="ico_user_connexion btn-mainSearch dropdown-toggle" type="button"
  386. id="dropdownMenuButtonConnexion" data-bs-toggle="dropdown" aria-expanded="false"
  387. tabindex="7">
  388. <i class="icon icon-user connected"></i>
  389. </button>
  390. <div id="modalLoginForms" class="dropdown-menu" aria-labelledby="dropdownMenuButtonConnexion">
  391. {% if app.user.contact is not null %}
  392. <small style="text-align:center;line-height:1">{{app.user.contact.firstName}}
  393. {{app.user.contact.lastName}}
  394. </small>
  395. {% endif %}
  400. <a href="{{path('espace_parent')}}" class="btn btn-primary bounce small-spacing-before"
  401. style="width:100%">
  402. Espace parents
  403. </a>
  404. {% if "ROLE_ADMIN" in app.user.roles or "ROLE_DIRECTEUR" in app.user.roles %}
  405. <a href="{{path('directeur') }}" class="btn btn-primary bounce small-spacing-before"
  406. style="width:100%">
  407. Espace directeur
  408. </a>
  409. {% endif %}
  410. {% if app.user.contact is not null and (app.user.contact.candidatures | length) >0 %}
  411. <a href="{{path('espace_candidature')}}" class="btn btn-primary bounce small-spacing-before"
  412. style="width:100%">
  413. Espace Candidat
  414. </a>
  415. {% endif %}
  416. {% if app.user.contact is not null and (app.user.contact.enterprise is not null)%}
  417. <a href="{{path('espace_ce_general')}}" class="btn btn-primary bounce small-spacing-before"
  418. style="width:100%">
  419. Espace partenaire </a>
  420. {% endif %}
  421. <a href="{{path('app_logout')}}" class="btn btn-primary bounce small-spacing-before"
  422. style="width:100%">
  423. Deconnexion
  424. </a>
  425. </div>
  426. </li>
  427. {% else %}
  428. <li id="modalLoginAnchor" class="show_sub_men">
  429. <button class="ico_user_connexion btn-mainSearch dropdown-toggle" type="button"
  430. id="dropdownMenuButtonDeConnexion" data-bs-toggle="dropdown" aria-expanded="false">
  431. <i class="icon icon-user"></i>
  432. </button>
  433. <div id="modalLoginForms" class="dropdown-menu" aria-labelledby="dropdownMenuButtonDeConnexion">
  434. <form method="post" action="/login" id="formLogin">
  435. <p>Vous avez un compte?</p>
  436. {# <span style="float:right;" data-action="click->hello#toggleLogin">X</span> #}
  437. <div class="form-group">
  438. <label for="inputEmail">Email</label>
  439. <input type="email" value="" name="email" id="inputEmail" class="form-control"
  440. autocomplete="email" required autofocus>
  441. </div>
  442. <div class="form-group" style="position:relative;">
  443. <label for="inputPassword">Mot de passe</label>
  444. <input type="password" name="password" id="inputPassword" class="form-control"
  445. autocomplete="current-password" required>
  446. <div class="password-icon">
  447. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  448. viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  449. stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye">
  450. <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
  451. <circle cx="12" cy="12" r="3"></circle>
  452. </svg>
  453. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  454. viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  455. stroke-linecap="round" stroke-linejoin="round"
  456. class="feather feather-eye-off">
  457. <path
  458. d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24">
  459. </path>
  460. <line x1="1" y1="1" x2="23" y2="23"></line>
  461. </svg>
  462. </div>
  463. </div>
  464. <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  466. <button class="btn btn-primary bounce small-spacing-before" type="submit">
  467. Connexion
  468. </button>
  470. </form>
  471. <div class="">
  472. <a href="{{ path('app_forgot_password_request') }}">
  473. Mot de passe oublié
  474. </a>
  475. <a href="{{path('app_register')}}">
  476. Nouvel adhérent
  477. </a>
  478. </div>
  479. </div>
  480. </li>
  481. {% endif %}
  483. <div class="burger-menu">
  484. <div class="header-side__button-menu" class="navbar-toggler" type="button"
  485. data-bs-toggle="collapse" data-bs-target="#navbarTogglerDesc"
  486. aria-controls="navbarTogglerDesc" aria-expanded="false" aria-label="Toggle navigation">
  487. <div></div>
  488. </div>
  489. <div class="col-12 header__mobile collapse navbar-collapse" id="navbarTogglerDesc">
  490. <div class="row">
  491. <ul class="col-12 header__mobile-menu">
  492. <li>
  493. <span class="mobile-menu__show-submenu dropdown-toggle"
  494. data-bs-toggle="collapse" href="#collapse__colonie" role="button"
  495. aria-expanded="false" aria-controls="collapse__colonie">COLONIE DE
  496. VACANCES</span>
  497. <ul class="header__mobile-submenu collapse" id="collapse__colonie">
  498. <li>
  499. <a href="{{ path('frontend_resa_liste_colonies') }}">
  500. <i class="icon icon-ring-list"></i>
  501. <span>Liste de nos colonies</span>
  502. </a>
  503. </li>
  504. {# <li>
  505. <a href="{{ path('frontend_resa_liste_colonies_map') }}">
  506. <i class="icon icon-search"></i>
  507. <span>Colo autour de moi</span>
  508. </a>
  509. </li> #}
  510. <li>
  511. <a href="{{ path('frontend_catalogue-en-ligne') }}">
  512. <i class="icon icon-ring-documents"></i>
  513. <span>Recevoir les catalogues</span>
  514. </a>
  515. </li>
  516. <li>
  517. <a href="{{ path('frontend_colonie-vacances-petit-prix') }}">
  518. <i class="icon icon-ring-tag"></i>
  519. <span>Des séjours à prix mini</span>
  520. </a>
  521. </li>
  522. <li>
  523. <a href="{{ path('frontend_actualites') }}">
  524. <i class="icon icon-ring-star"></i>
  525. <span>Actualités</span>
  526. </a>
  527. </li>
  528. <li>
  529. <a href="/temoignages-croq-vacances-1.html">
  530. <i class="icon icon-ring-like"></i>
  531. <span>Témoignages</span>
  532. </a>
  533. </li>
  534. <li>
  535. <a href="/ficheinscriptionCorse.html">
  536. <i class="icon icon-ring-star"></i>
  537. <span>Corse : accueil groupes</span>
  538. </a>
  539. </li>
  540. </ul>
  541. </li>
  542. <li>
  543. <a href="{{path('frontend_croqinfos')}}" data-title="docs utiles">docs
  544. utiles</a>
  545. </li>
  546. <li>
  547. <span class="mobile-menu__show-submenu dropdown-toggle"
  548. data-title="NOS GARANTIES" data-bs-toggle="collapse" href="#collapse__docs"
  549. role="button" aria-expanded="false" aria-controls="collapse__docs">NOS
  550. GARANTIES</span>
  551. <ul class="header__mobile-submenu collapse" id="collapse__docs">
  552. <li>
  553. <a href="/nos-garanties.html">
  554. <i class="icon icon-ring-check"></i>
  555. <span>Nos garanties</span>
  556. </a>
  557. </li>
  558. <li>
  559. <a href="/charte-de-qualite.html">
  560. <i class="icon icon-ring-banner"></i>
  561. <span>Charte qualité</span>
  562. </a>
  563. </li>
  564. <li>
  565. <a href="/projet-educatif.html">
  566. <i class="icon icon-ring-puzzle"></i>
  567. <span>Projet éducatif</span>
  568. </a>
  569. </li>
  570. <li>
  571. <a href="/projet-ecocitoyen">
  572. <i class="icon icon-ring-leaf"></i>
  573. <span>Charte écologique</span>
  574. </a>
  575. </li>
  576. </ul>
  577. </li>
  578. <li>
  579. <span class="mobile-menu__show-submenu dropdown-toggle"
  580. data-title="INFOS PRATIQUES" data-title="NOS GARANTIES"
  581. data-bs-toggle="collapse" href="#collapse__garantie" role="button"
  582. aria-expanded="false" aria-controls="collapse__garantie">INFOS
  583. PRATIQUES</span>
  584. <ul class="header__mobile-submenu collapse" id="collapse__garantie">
  585. <li>
  586. <a href="/avant-de-partir.html">
  587. <i class="icon icon-ring-information"></i>
  588. <span>Bon à savoir</span>
  589. </a>
  590. </li>
  591. <li>
  592. <a href="/info-vie-du-groupe-colonie-de-vacances.html">
  593. <i class="icon icon-ring-sun"></i>
  594. <span>Vie du groupe</span>
  595. </a>
  596. </li>
  597. <li>
  598. <a href="/info-alimentation-en-colonie-de-vacances.html">
  599. <i class="icon icon-ring-meal"></i>
  600. <span>L'alimentation</span>
  601. </a>
  602. </li>
  603. <li>
  604. <a href="/info-organisation-colonie-de-vacances.html">
  605. <i class="icon icon-ring-bus"></i>
  606. <span>Le transport</span>
  607. </a>
  608. </li>
  609. <li>
  610. <a href="/info-encadrement-colonie-de-vacances.html">
  611. <i class="icon icon-ring-man"></i>
  612. <span>L'encadrement</span>
  613. </a>
  614. </li>
  615. <li>
  616. <a href="/info-communication-colonie-de-vacances.html">
  617. <i class="icon icon-ring-talk"></i>
  618. <span>Gardez le contact</span>
  619. </a>
  620. </li>
  621. <li>
  622. <a href="/aide-financiere.html">
  623. <i class="icon icon-ring-euro"></i>
  624. <span>Paiement &amp; Aides financières</span>
  625. </a>
  626. </li>
  627. </ul>
  628. </li>
  630. <li>
  631. <a href="/recrutement.html">Espace recrutement</a>
  632. </li>
  634. </ul>
  635. </div>
  636. </div>
  637. </div>
  638. </ul>
  639. </div>
  640. </div>
  642. <div class="col-12 col-lg-auto col-md-auto header-side header-side_right">
  643. <div class="row">
  644. <ul class="col-12 col-lg-auto col-md-auto header-side__menu menu-desc">
  646. <li>
  647. <a href="{{path('get_whitelist')}}" data-title="Mes favoris">Mes favoris <span
  648. class="badge badge-light whitelist-length">{{ whitelistLen is defined ? '' ~
  649. whitelistLen: '' }}</span> </a>
  650. </li>
  651. <li>
  652. <a href="{{path('mesCommandes')}}" data-title="Mes réservations" id="monPanier">Mes choix</a>
  653. </li>
  654. </ul>
  655. <ul class="col-12 col-lg-auto col-md-auto header-side__menu no-menu-desc">
  656. {# <li>
  657. <span class="header-side__menu-button font-small" tabindex="1">Accessibilité</span>
  658. <ul class="header-side__menu-submenu accessibilite-submenu">
  659. <li><b>Typographie</b></li>
  660. <li data-controller="hello" data-action="click->hello#setFont" data-font-value="dys-font">
  661. <input type="checkbox" data-controller="hello" data-action="change->hello#toggleFont"
  662. data-font-value="dys-font" id="police_dyslexie">
  663. <label for="police_dyslexie">Police dyslexie</label>
  665. </li>
  666. <li>
  667. <input type="checkbox" data-controller="hello" data-action="change->hello#toggleSpacing"
  668. data-typo-line-spacing="dys-spacing" id="dys-spacing">
  669. <label for="dys-spacing">Interlignage augmenté</label>
  672. </li>
  673. <li><b>Contrastes</b></li>
  674. <li>
  675. <input type="radio" name="Contrastes" data-controller="hello"
  676. data-action="change->hello#changeContrastes" data-value="default" id="default"
  677. checked>
  678. <label for="default">Par défaut</label>
  680. </li>
  681. <li>
  683. <input type="radio" name="Contrastes" data-controller="hello"
  684. data-action="change->hello#changeContrastes" data-value="renforces" id="renforces">
  685. <label for="renforces">Renforcés</label>
  686. </li>
  687. <li>
  688. <input type="radio" name="Contrastes" data-controller="hello"
  689. data-action="change->hello#changeContrastes" data-value="inverted" id="inverses">
  690. <label for="inverses">Inversés</label>
  692. </li>
  693. </ul>
  694. </li> #}
  695. <li>
  696. <a href="{{path('get_whitelist')}}" data-title="Mes favoris">Mes favoris <span
  697. class="badge badge-light whitelist-length">{{ whitelistLen is defined ? '' ~
  698. whitelistLen: '' }}</span> </a>
  699. </li>
  700. <li>
  701. <a href="{{path('mesCommandes')}}" data-title="Mes réservations" id="monPanier">Mes choix</a>
  702. </li>
  703. <li>
  704. <a href="{{path('frontend_contact')}}" data-title="Nous contacter">Nous contacter</a>
  705. </li>
  706. <li class="info-pratiques">
  707. <span class="header-side__menu-button font-small">INFOS PRATIQUES</span>
  708. <ul class="header-side__menu-submenu">
  709. <li>
  710. <a href="/avant-de-partir.html">
  711. <i class="icon icon-ring-information"></i>
  712. <span>Bon à savoir</span>
  713. </a>
  714. </li>
  715. <li>
  716. <a href="/info-vie-du-groupe-colonie-de-vacances.html">
  717. <i class="icon icon-ring-sun"></i>
  718. <span>Vie du groupe</span>
  719. </a>
  720. </li>
  721. <li>
  722. <a href="/info-alimentation-en-colonie-de-vacances.html">
  723. <i class="icon icon-ring-meal"></i>
  724. <span>L'alimentation</span>
  725. </a>
  726. </li>
  727. <li>
  728. <a href="/info-organisation-colonie-de-vacances.html">
  729. <i class="icon icon-ring-bus"></i>
  730. <span>Le transport</span>
  731. </a>
  732. </li>
  733. <li>
  734. <a href="/info-encadrement-colonie-de-vacances.html">
  735. <i class="icon icon-ring-man"></i>
  736. <span>L'encadrement</span>
  737. </a>
  738. </li>
  739. <li>
  740. <a href="/info-communication-colonie-de-vacances.html">
  741. <i class="icon icon-ring-talk"></i>
  742. <span>Gardez le contact</span>
  743. </a>
  744. </li>
  745. <li>
  746. <a href="/aide-financiere.html">
  747. <i class="icon icon-ring-euro"></i>
  748. <span>Paiement &amp; Aides financières</span>
  749. </a>
  750. </li>
  751. </ul>
  752. </li>
  753. <li class="phone">
  754. <a href="tel:+33240355215" title="Nous appeler" class="font-cookie">02 40 35 52 15</a>
  755. </li>
  757. {% if app.user is defined and app.user is not null %}
  758. <li class="show_sub_men">
  759. <button class="ico_user_connexion btn-mainSearch dropdown-toggle" type="button"
  760. id="dropdownMenuButtonConnexion" data-bs-toggle="dropdown" aria-expanded="false">
  761. <i class="icon icon-user connected"></i>
  762. </button>
  763. <div id="modalLoginForms" class="dropdown-menu" data-bs-auto-close="false"
  764. aria-labelledby="dropdownMenuButtonConnexion">
  765. {% if app.user.contact is not null %}
  766. <small style="text-align:center;line-height:1">{{app.user.contact.firstName}}
  767. {{app.user.contact.lastName}}
  768. </small>
  770. {% endif %}
  773. <a href="{{path('espace_parent')}}" class="btn btn-primary bounce small-spacing-before"
  774. style="width:100%">
  775. Espace parents
  776. </a>
  777. {% if "ROLE_ADMIN" in app.user.roles or "ROLE_DIRECTEUR" in app.user.roles %}
  778. <a href="{{path('directeur') }}" class="btn btn-primary bounce small-spacing-before"
  779. style="width:100%">
  780. Espace directeur
  781. </a>
  782. {% endif %}
  783. {% if app.user.contact is not null and (app.user.contact.candidatures | length) >0 %}
  784. <a href="{{path('espace_candidature')}}" class="btn btn-primary bounce small-spacing-before"
  785. style="width:100%">
  786. Espace Candidat
  787. </a>
  788. {% endif %}
  789. {% if app.user.contact is not null and (app.user.contact.enterprise is not null)%}
  790. <a href="{{path('espace_ce_general')}}" class="btn btn-primary bounce small-spacing-before"
  791. style="width:100%">
  792. Espace partenaire
  793. </a>
  794. {% endif %}
  795. <a href="{{path('app_logout')}}" class="btn btn-primary bounce small-spacing-before"
  796. style="width:100%">
  797. Deconnexion
  798. </a>
  799. </div>
  800. </li>
  801. {% else %}
  802. <li id="modalLoginAnchor" class="show_sub_men">
  803. <button class="ico_user_connexion btn-mainSearch dropdown-toggle" type="button"
  804. id="dropdownMenuButtonDeConnexion" data-bs-toggle="dropdown" aria-expanded="false"
  805. aria-haspopup="false">
  806. <i class="icon icon-user"></i>
  807. </button>
  808. <div id="modalLoginForms" class="dropdown-menu" data-bs-auto-close="false"
  809. aria-labelledby="dropdownMenuButtonConnexion">
  810. <form method="post" action="/login" id="formLogin">
  811. <p>Vous avez un compte?</p>
  812. {# <span style="float:right;" data-action="click->hello#toggleLogin">X</span> #}
  813. <div class="form-group">
  814. <label for="inputEmail">Email</label>
  815. <input type="email" value="" name="email" id="inputEmail" class="form-control"
  816. autocomplete="email" required autofocus>
  817. </div>
  818. <div class="form-group" style="position:relative;">
  819. <label for="inputPassword-open">Mot de passe</label>
  820. <input type="password" name="password" id="inputPassword-open" class="form-control"
  821. autocomplete="current-password" required>
  822. <div class="password-icon">
  823. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  824. viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  825. stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye">
  826. <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
  827. <circle cx="12" cy="12" r="3"></circle>
  828. </svg>
  829. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  830. viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  831. stroke-linecap="round" stroke-linejoin="round"
  832. class="feather feather-eye-off">
  833. <path
  834. d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24">
  835. </path>
  836. <line x1="1" y1="1" x2="23" y2="23"></line>
  837. </svg>
  838. </div>
  839. </div>
  840. <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  842. <button class="btn btn-primary bounce small-spacing-before" type="submit">
  843. Connexion
  844. </button>
  846. </form>
  847. <div class="">
  848. <a href="{{ path('app_forgot_password_request') }}">
  849. Mot de passe oublié
  850. </a>
  851. <a href="{{path('app_register')}}">
  852. Nouvel adhérent
  853. </a>
  854. </div>
  855. </div>
  856. </li>
  857. {% endif %}
  858. </ul>
  859. </div>
  860. </div>
  861. </div>
  864. <div class="row header__row-slide justify-content-center ">
  865. <div class="col-12 col-lg-auto col-md-auto row-slide__container">
  866. <div class="row">
  867. <div class="col-12 col-lg-auto col-md-auto header-side__menu">
  869. <ul class="">
  870. <li>
  871. <span class="header-side__menu-button">Colonie de vacances</span>
  872. <ul class="header-side__menu-submenu">
  873. <li>
  874. <a href="{{ path('frontend_resa_liste_colonies') }}">
  875. <i class="icon icon-ring-list"></i>
  876. <span>Liste de nos colonies</span>
  877. </a>
  878. </li>
  879. {# <li>
  880. <a href="{{ path('frontend_resa_liste_colonies_map') }}">
  881. <i class="icon icon-search"></i>
  882. <span>Colo autour de moi </span>
  883. </a>
  884. </li> #}
  885. <li>
  886. <a href="{{ path('frontend_catalogue-en-ligne') }}">
  887. <i class="icon icon-ring-documents"></i>
  888. <span>Télécharger les catalogues</span>
  889. </a>
  890. </li>
  891. {#
  892. <li>
  893. <a href="/ficheinscription.html">
  894. <i class="icon icon-ring-new-document"></i>
  895. <span>Réserver un séjour</span>
  896. </a>
  897. </li>
  898. #}
  899. <li>
  900. <a href="{{ path('frontend_colonie-vacances-petit-prix') }}">
  901. <i class="icon icon-ring-tag"></i>
  902. <span>Des séjours à prix mini</span>
  903. </a>
  904. </li>
  905. <li>
  906. <a href="{{ path('frontend_actualites') }}">
  907. <i class="icon icon-ring-star"></i>
  908. <span>Actualités</span>
  909. </a>
  910. </li>
  911. <li>
  912. <a href="/temoignages-croq-vacances-1.html">
  913. <i class="icon icon-ring-like"></i>
  914. <span>Témoignages</span>
  915. </a>
  916. </li>
  917. <li>
  918. <a href="/ficheinscriptionCorse.html">
  919. <i class="icon icon-ring-star"></i>
  920. <span>Corse : accueil groupes</span>
  921. </a>
  922. </li>
  923. </ul>
  924. </li>
  925. <li>
  926. <a href="{{path('frontend_croqinfos')}}">docs utiles</a>
  927. </li>
  928. </ul>
  929. </div>
  930. <div class="col-12 col-lg-auto col-md-auto header__logo-block">
  931. <a class="header__logo-link" href="/" title="colonie de vacances">
  932. <img src="{{ asset('assets/img/logo.png') }}" alt="Croq Vacances créateur de souvenirs">
  933. </a>
  934. </div>
  935. <div class="col-12 col-lg-auto col-md-auto header-side__menu">
  936. <ul>
  937. <li>
  938. <span class="header-side__menu-button">NOS GARANTIES</span>
  939. <ul class="header-side__menu-submenu">
  940. <li>
  941. <a href="/nos-garanties.html">
  942. <i class="icon icon-ring-check"></i>
  943. <span>Nos garanties</span>
  944. </a>
  945. </li>
  946. <li>
  947. <a href="/charte-de-qualite.html">
  948. <i class="icon icon-ring-banner"></i>
  949. <span>Charte qualité</span>
  950. </a>
  951. </li>
  952. <li>
  953. <a href="/projet-educatif.html">
  954. <i class="icon icon-ring-puzzle"></i>
  955. <span>Projet éducatif</span>
  956. </a>
  957. </li>
  958. <li>
  959. <a href="/projet-ecocitoyen">
  960. <i class="icon icon-ring-leaf"></i>
  961. <span>Projet écocitoyen</span>
  962. </a>
  963. </li>
  964. </ul>
  965. </li>
  966. <li>
  967. <span class="header-side__menu-button">Infos pratiques</span>
  968. <ul class="header-side__menu-submenu">
  969. <li>
  970. <a href="/avant-de-partir.html">
  971. <i class="icon icon-ring-information"></i>
  972. <span>Bon à savoir</span>
  973. </a>
  974. </li>
  975. <li>
  976. <a href="/info-vie-du-groupe-colonie-de-vacances.html">
  977. <i class="icon icon-ring-sun"></i>
  978. <span>Vie du groupe</span>
  979. </a>
  980. </li>
  981. <li>
  982. <a href="/info-alimentation-en-colonie-de-vacances.html">
  983. <i class="icon icon-ring-meal"></i>
  984. <span>L'alimentation</span>
  985. </a>
  986. </li>
  987. <li>
  988. <a href="/info-organisation-colonie-de-vacances.html">
  989. <i class="icon icon-ring-bus"></i>
  990. <span>Le transport</span>
  991. </a>
  992. </li>
  993. <li>
  994. <a href="/info-encadrement-colonie-de-vacances.html">
  995. <i class="icon icon-ring-man"></i>
  996. <span>L'encadrement</span>
  997. </a>
  998. </li>
  999. <li>
  1000. <a href="/info-communication-colonie-de-vacances.html">
  1001. <i class="icon icon-ring-talk"></i>
  1002. <span>Gardez le contact</span>
  1003. </a>
  1004. </li>
  1005. <li>
  1006. <a href="/aide-financiere.html">
  1007. <i class="icon icon-ring-euro"></i>
  1008. <span>Paiement &amp; Aides financières</span>
  1009. </a>
  1010. </li>
  1011. </ul>
  1012. </li>
  1013. </ul>
  1014. </div>
  1015. </div>
  1016. </div>
  1017. </div>
  1018. </header>