templates/app/includes/navbar.html.twig line 1

Open in your IDE?
  1. <div id="kt_header" class="header" data-kt-sticky="true" data-kt-sticky-name="header" data-kt-sticky-offset="{default: '200px', lg: '300px'}">
  2. <div class="container-xxl d-flex flex-grow-1 flex-stack">
  3. <div class="d-flex align-items-center me-5">
  4. <div class="d-lg-none btn btn-icon btn-active-color-primary w-30px h-30px ms-n2 me-3" id="kt_header_menu_toggle">
  5. <span class="svg-icon svg-icon-2">
  6. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  7. <path d="M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z" fill="black" />
  8. <path opacity="0.3" d="M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z" fill="black" />
  9. </svg>
  10. </span>
  11. </div>
  12. <a href="/">
  13. <img src="{{ asset('assets/media/logo-01-01_SMALL.png') }}" alt="logo" style="max-height: 50px; object-fit: contain;" />
  14. </a>
  15. </div>
  16. <div class="d-flex align-items-center flex-shrink-0">
  17. <div class="d-flex align-items-center ms-3 ms-lg-4" id="kt_header_user_menu_toggle">
  18. <div class="btn btn-icon btn-color-gray-700 btn-active-color-primary btn-outline btn-outline-secondary w-30px h-30px w-lg-40px h-lg-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
  19. <span class="svg-icon svg-icon-1">
  20. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  21. <path d="M6.28548 15.0861C7.34369 13.1814 9.35142 12 11.5304 12H12.4696C14.6486 12 16.6563 13.1814 17.7145 15.0861L19.3493 18.0287C20.0899 19.3618 19.1259 21 17.601 21H6.39903C4.87406 21 3.91012 19.3618 4.65071 18.0287L6.28548 15.0861Z" fill="black" />
  22. <rect opacity="0.3" x="8" y="3" width="8" height="8" rx="4" fill="black" />
  23. </svg>
  24. </span>
  25. </div>
  26. <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary fw-bold py-4 fs-6 w-275px" data-kt-menu="true">
  27. <div class="menu-item px-3">
  28. <div class="menu-content d-flex align-items-center px-3">
  29. <div class="d-flex flex-column">
  30. <div class="fw-bolder d-flex align-items-center fs-5">{{ app.user.manager.firstName }} {{ app.user.manager.lastName }}
  31. {% if app.user.manager.admin %}<span class="badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2">Admin</span>{% endif %}
  32. </div>
  33. <div class="fw-bold text-muted text-hover-primary fs-7">{{ app.user.email }}</div>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="separator my-2"></div>
  38. <div class="menu-item px-5">
  39. <a href="{{ path('manager_account') }}" class="menu-link px-5">Mon compte</a>
  40. </div>
  41. <div class="separator my-2"></div>
  42. <div class="menu-item px-5">
  43. <a href="{{ path("default_logout") }}" class="menu-link px-5">Déconnexion</a>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="separator"></div>
  50. <div class="header-menu-container container-xxl d-flex flex-stack h-lg-75px w-100" id="kt_header_nav">
  51. <div class="header-menu flex-column flex-lg-row" data-kt-drawer="true" data-kt-drawer-name="header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'200px', '300px': '250px'}" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_body', lg: '#kt_header_nav'}">
  52. <div class="menu menu-lg-rounded menu-column menu-lg-row menu-state-bg menu-title-gray-700 menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-400 fw-bold my-5 my-lg-0 align-items-stretch flex-grow-1" id="#kt_header_menu" data-kt-menu="true">
  53. <a href="{{ path("default_homepage") }}" class="menu-item menu-lg-down-accordion me-lg-1">
  54. <span class="menu-link py-3">
  55. <span class="menu-title">Tableau de bord</span>
  56. </span>
  57. </a>
  59. <div data-kt-menu-trigger="click" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-lg-1">
  60. <span class="menu-link py-3">
  61. <span class="menu-title">Feuilles de route</span>
  62. <span class="menu-arrow d-lg-none"></span>
  63. </span>
  64. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-rounded-0 py-lg-4 w-lg-225px">
  65. <div class="menu-item">
  66. <a class="menu-link py-3" href="{{ path("manager_roadmaps_add") }}">
  67. <span class="menu-bullet">
  68. <span class="bullet bullet-dot"></span>
  69. </span>
  70. <span class="menu-title">Ajouter</span>
  71. </a>
  72. </div>
  73. <div class="menu-item">
  74. <a class="menu-link py-3" href="{{ path("manager_roadmaps", {onlyOpened: 1}) }}">
  75. <span class="menu-bullet">
  76. <span class="bullet bullet-dot"></span>
  77. </span>
  78. <span class="menu-title">En cours</span>
  79. </a>
  80. </div>
  81. <div class="menu-item">
  82. <a class="menu-link py-3" href="{{ path("manager_roadmaps") }}">
  83. <span class="menu-bullet">
  84. <span class="bullet bullet-dot"></span>
  85. </span>
  86. <span class="menu-title">Toutes</span>
  87. </a>
  88. </div>
  89. </div>
  90. </div>
  92. <div data-kt-menu-trigger="click" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-lg-1">
  93. <span class="menu-link py-3">
  94. <span class="menu-title">Clients</span>
  95. <span class="menu-arrow d-lg-none"></span>
  96. </span>
  97. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-rounded-0 py-lg-4 w-lg-225px">
  98. {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_COTATIONS') or is_granted('ROLE_OFFRES_SUR_GRILLES') or is_granted('ROLE_CUSTOMER_BASE') %}
  99. <div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
  100. <span class="menu-link py-3">
  101. <span class="menu-bullet">
  102. <span class="bullet bullet-dot"></span>
  103. </span>
  104. <span class="menu-title">Professionels</span>
  105. <span class="menu-arrow"></span>
  106. </span>
  107. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg py-lg-4 w-lg-225px" style="">
  108. <div class="menu-item">
  109. <a class="menu-link py-3" href="{{ path("manager_clients", {pro: 1}) }}">
  110. <span class="menu-bullet">
  111. <span class="bullet bullet-dot"></span>
  112. </span>
  113. <span class="menu-title">Lister</span>
  114. </a>
  115. </div>
  116. <div class="menu-item">
  117. <a class="menu-link py-3" href="{{ path("manager_clients_add", {pro: 1}) }}">
  118. <span class="menu-bullet">
  119. <span class="bullet bullet-dot"></span>
  120. </span>
  121. <span class="menu-title">Ajouter</span>
  122. </a>
  123. </div>
  124. {% if app.user.manager.admin %}
  125. <div class="menu-item">
  126. <a class="menu-link py-3" href="{{ path("manager_clients", {pro: 1, onlyNotValidated: 1}) }}">
  127. <span class="menu-bullet">
  128. <span class="bullet bullet-dot"></span>
  129. </span>
  130. <span class="menu-title">A valider</span>
  131. </a>
  132. </div>
  133. {% endif %}
  134. </div>
  135. </div>
  136. {% endif %}
  138. {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_PARTICULIERS') or is_granted('ROLE_CUSTOMER_BASE') %}
  139. <div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
  140. <span class="menu-link py-3">
  141. <span class="menu-bullet">
  142. <span class="bullet bullet-dot"></span>
  143. </span>
  144. <span class="menu-title">Particuliers</span>
  145. <span class="menu-arrow"></span>
  146. </span>
  147. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg py-lg-4 w-lg-225px" style="">
  148. <div class="menu-item">
  149. <a class="menu-link py-3" href="{{ path("manager_clients", {particulier: 1}) }}">
  150. <span class="menu-bullet">
  151. <span class="bullet bullet-dot"></span>
  152. </span>
  153. <span class="menu-title">Lister</span>
  154. </a>
  155. </div>
  156. <div class="menu-item">
  157. <a class="menu-link py-3" href="{{ path("manager_clients_add", {particulier: 1}) }}">
  158. <span class="menu-bullet">
  159. <span class="bullet bullet-dot"></span>
  160. </span>
  161. <span class="menu-title">Ajouter</span>
  162. </a>
  163. </div>
  164. </div>
  165. </div>
  166. {% endif %}
  167. </div>
  168. </div>
  170. {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_COTATIONS') %}
  171. <div data-kt-menu-trigger="click" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-lg-1">
  172. <span class="menu-link py-3">
  173. <span class="menu-title">Cotations Monosites</span>
  174. <span class="menu-arrow d-lg-none"></span>
  175. </span>
  176. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-rounded-0 py-lg-4 w-lg-225px">
  177. <div class="menu-item">
  178. <a class="menu-link py-3" href="{{ path("manager_cotations", {onlyInProgress: 1}) }}">
  179. <span class="menu-bullet">
  180. <span class="bullet bullet-dot"></span>
  181. </span>
  182. <span class="menu-title">En cours</span>
  183. </a>
  184. </div>
  185. <div class="menu-item">
  186. <a class="menu-link py-3" href="{{ path("manager_cotations") }}">
  187. <span class="menu-bullet">
  188. <span class="bullet bullet-dot"></span>
  189. </span>
  190. <span class="menu-title">Toutes</span>
  191. </a>
  192. </div>
  193. </div>
  194. </div>
  196. <div data-kt-menu-trigger="click" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-lg-1">
  197. <span class="menu-link py-3">
  198. <span class="menu-title">Cotations Multisites</span>
  199. <span class="menu-arrow d-lg-none"></span>
  200. </span>
  201. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-rounded-0 py-lg-4 w-lg-225px">
  202. <div class="menu-item">
  203. <a class="menu-link py-3" href="{{ path("manager_cotations-multisites", {onlyInProgress: 1}) }}">
  204. <span class="menu-bullet">
  205. <span class="bullet bullet-dot"></span>
  206. </span>
  207. <span class="menu-title">En cours</span>
  208. </a>
  209. </div>
  210. <div class="menu-item">
  211. <a class="menu-link py-3" href="{{ path("manager_cotations-multisites") }}">
  212. <span class="menu-bullet">
  213. <span class="bullet bullet-dot"></span>
  214. </span>
  215. <span class="menu-title">Toutes</span>
  216. </a>
  217. </div>
  218. </div>
  219. </div>
  220. {% endif %}
  222. <div data-kt-menu-trigger="click" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-lg-1">
  223. <span class="menu-link py-3">
  224. <span class="menu-title">Contrats</span>
  225. <span class="menu-arrow d-lg-none"></span>
  226. </span>
  227. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-rounded-0 py-lg-4 w-lg-225px">
  228. {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_COTATIONS') or is_granted('ROLE_OFFRES_SUR_GRILLES') %}
  229. <div class="menu-item">
  230. <a class="menu-link py-3" href="{{ path("manager_contracts", {pro: 1}) }}">
  231. <span class="menu-bullet">
  232. <span class="bullet bullet-dot"></span>
  233. </span>
  234. <span class="menu-title">Professionels</span>
  235. </a>
  236. </div>
  237. {% endif %}
  238. {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_PARTICULIERS') %}
  239. <div class="menu-item">
  240. <a class="menu-link py-3" href="{{ path("manager_contracts", {particulier: 1}) }}">
  241. <span class="menu-bullet">
  242. <span class="bullet bullet-dot"></span>
  243. </span>
  244. <span class="menu-title">Particuliers</span>
  245. </a>
  246. </div>
  247. {% endif %}
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  253. {% if app.user.manager.admin %}
  254. <div class="header-menu flex-column justify-content-end flex-lg-row w-auto" data-kt-drawer="true" data-kt-drawer-name="header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'200px', '300px': '250px'}" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_body', lg: '#kt_header_nav'}">
  255. <div class="menu justify-content-end menu-lg-rounded menu-column menu-lg-row menu-state-bg menu-title-gray-700 menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-400 fw-bold my-5 my-lg-0 align-items-stretch flex-grow-1" id="#kt_header_menu" data-kt-menu="true">
  256. <div data-kt-menu-trigger="click" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-lg-1">
  257. <span class="menu-link py-3">
  258. <span class="menu-title">Administration</span>
  259. <span class="menu-arrow d-lg-none"></span>
  260. </span>
  261. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-rounded-0 py-lg-4 w-lg-225px">
  262. <div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
  263. <span class="menu-link py-3">
  264. <span class="menu-bullet">
  265. <span class="bullet bullet-dot"></span>
  266. </span>
  267. <span class="menu-title">Fournisseurs</span>
  268. <span class="menu-arrow"></span>
  269. </span>
  270. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg py-lg-4 w-lg-225px" style="">
  271. <div class="menu-item">
  272. <a class="menu-link py-3" href="{{ path("manager_suppliers") }}">
  273. <span class="menu-bullet">
  274. <span class="bullet bullet-dot"></span>
  275. </span>
  276. <span class="menu-title">Lister</span>
  277. </a>
  278. </div>
  279. <div class="menu-item">
  280. <a class="menu-link py-3" href="{{ path("manager_suppliers_add", {pro: 1}) }}">
  281. <span class="menu-bullet">
  282. <span class="bullet bullet-dot"></span>
  283. </span>
  284. <span class="menu-title">Ajouter</span>
  285. </a>
  286. </div>
  287. </div>
  288. </div>
  290. <div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
  291. <span class="menu-link py-3">
  292. <span class="menu-bullet">
  293. <span class="bullet bullet-dot"></span>
  294. </span>
  295. <span class="menu-title">Documents</span>
  296. <span class="menu-arrow"></span>
  297. </span>
  298. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg py-lg-4 w-lg-225px" style="">
  299. <div class="menu-item">
  300. <a class="menu-link py-3" href="{{ path("manager_documents") }}">
  301. <span class="menu-bullet">
  302. <span class="bullet bullet-dot"></span>
  303. </span>
  304. <span class="menu-title">Lister</span>
  305. </a>
  306. </div>
  307. <div class="menu-item">
  308. <a class="menu-link py-3" href="{{ path("manager_documents_add") }}">
  309. <span class="menu-bullet">
  310. <span class="bullet bullet-dot"></span>
  311. </span>
  312. <span class="menu-title">Ajouter</span>
  313. </a>
  314. </div>
  315. </div>
  316. </div>
  318. <div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
  319. <span class="menu-link py-3">
  320. <span class="menu-bullet">
  321. <span class="bullet bullet-dot"></span>
  322. </span>
  323. <span class="menu-title">Utilisateurs</span>
  324. <span class="menu-arrow"></span>
  325. </span>
  326. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg py-lg-4 w-lg-225px" style="">
  327. <div class="menu-item">
  328. <a class="menu-link py-3" href="{{ path("manager_managers") }}">
  329. <span class="menu-bullet">
  330. <span class="bullet bullet-dot"></span>
  331. </span>
  332. <span class="menu-title">Lister</span>
  333. </a>
  334. </div>
  335. <div class="menu-item">
  336. <a class="menu-link py-3" href="{{ path("manager_managers_add") }}">
  337. <span class="menu-bullet">
  338. <span class="bullet bullet-dot"></span>
  339. </span>
  340. <span class="menu-title">Ajouter</span>
  341. </a>
  342. </div>
  343. </div>
  344. </div>
  346. <div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
  347. <span class="menu-link py-3">
  348. <span class="menu-bullet">
  349. <span class="bullet bullet-dot"></span>
  350. </span>
  351. <span class="menu-title">Flash Énergie</span>
  352. <span class="menu-arrow"></span>
  353. </span>
  354. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg py-lg-4 w-lg-225px" style="">
  355. <div class="menu-item">
  356. <a class="menu-link py-3" href="{{ path("manager_managers_flash-energie_offers-individual") }}">
  357. <span class="menu-bullet">
  358. <span class="bullet bullet-dot"></span>
  359. </span>
  360. <span class="menu-title">Offres Particulier</span>
  361. </a>
  362. </div>
  363. <div class="menu-item">
  364. <a class="menu-link py-3" href="{{ path("manager_managers_flash-energie_notification") }}">
  365. <span class="menu-bullet">
  366. <span class="bullet bullet-dot"></span>
  367. </span>
  368. <span class="menu-title">Notifications</span>
  369. </a>
  370. </div>
  371. </div>
  372. </div>
  374. <div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="right-start" class="menu-item menu-lg-down-accordion">
  375. <span class="menu-link py-3">
  376. <span class="menu-bullet">
  377. <span class="bullet bullet-dot"></span>
  378. </span>
  379. <span class="menu-title">Docusign</span>
  380. <span class="menu-arrow"></span>
  381. </span>
  382. <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-active-bg py-lg-4 w-lg-225px" style="">
  383. <div class="menu-item">
  384. <a class="menu-link py-3" href="{{ path("manager_managers_docusign_connexion-api") }}">
  385. <span class="menu-bullet">
  386. <span class="bullet bullet-dot"></span>
  387. </span>
  388. <span class="menu-title">Connexion API</span>
  389. </a>
  390. </div>
  391. </div>
  392. </div>
  394. <div class="menu-item">
  395. <a class="menu-link py-3" href="{{ path("manager_actions") }}">
  396. <span class="menu-bullet">
  397. <span class="bullet bullet-dot"></span>
  398. </span>
  399. <span class="menu-title">Actions</span>
  400. </a>
  401. </div>
  402. </div>
  403. </div>
  404. </div>
  405. </div>
  406. {% endif %}
  407. </div>
  408. </div>