templates/partials/header.html.twig line 1

Open in your IDE?
  1. <!--header area start-->
  2. {% set basket = app.session.get('basket') == null ? [] : app.session.get('basket') %}
  3. {% set basketTotalCost = app.session.get('basketTotalCost') == null ? '0.00' : app.session.get('basketTotalCost') %}
  4. {% set totalCostWithTVA = app.session.get('totalCostWithTVA') %}
  5. {% set fraisLivraison = configService.calculerFraisDeLivraison(basketTotalCost) %}
  7. <!--offcanvas menu area start (Navbar Mobile)-->
  8. <div class="off_canvars_overlay">
  10. </div>
  12. <div id="delivry-offers" class="d-none text-center position-relative af-header__delivry-offers delivry-offers--secondary">
  13. {# <span class="text-white">{% trans %}Livraison offerte* dès 35€ d'achat chez Tany mena{% endtrans %}</span> #}
  14. </div>
  16. <div class="offcanvas_menu">
  17. <div class="container-fluid">
  18. <div class="row">
  19. <div class="col-12">
  20. <div class="canvas_open">
  21. <a href="#"><i class="icon-menu"></i></a>
  22. </div>
  23. <div class="offcanvas_menu_wrapper" style="z-index:1500;">
  24. <div class="canvas_close">
  25. <a href="#"><i class="ion-android-close"></i></a>
  26. </div>
  27. <div class="header_account_area">
  28. <div class="header_account_list search_list">
  29. <a href="#"><i class="icon-magnifier icons"></i></a>
  30. <div class="dropdown_search">
  31. <form action="{{path('app_shop_index')}}">
  32. <input placeholder="Rechercher ..." type="text" name="product_filter[name]">
  33. <button type="submit"><i class="icon-magnifier icons"></i></button>
  34. </form>
  35. </div>
  36. </div>
  37. <div class="header_account_list mini_cart_wrapper">
  38. <a href="#"><i class="icon-bag icons"></i>
  39. <span class="cart_itemtext">{% trans %}Panier{% endtrans %}:</span>
  40. <span class="cart_itemtotal">{{basketTotalCost|format_currency('EUR')}}</span>
  41. <span class="item_count">{{basket|length}}</span>
  42. </a>
  43. <!--mini cart-->
  44. <div class="mini_cart" style="overflow-y : auto;">
  45. <div class="cart_gallery">
  46. {% if basket|length ==0 %}
  47. <div class="alert alert-secondary p-3 text-center" role="alert">
  48. <div class="alert-body">
  49. {% trans %}Votre panier est vide{% endtrans %}.
  50. </div>
  51. </div>
  52. {% endif %}
  53. {% for basketItem in basket %}
  54. <div class="cart_item">
  55. <div class="cart_img">
  56. <a href="#"><img src="{{ asset( files_directory_relative ~ basketItem.product.image) }}" alt="Tany Mena, {{basketItem.product.getNameByDefaultLocale}}"></a>
  57. </div>
  58. <div class="cart_info">
  59. <a href="#">{{basketItem.product.getNameByDefaultLocale}}</a>
  60. <p>{{basketItem.quantity}} x <span> {{basketItem.product.cost|format_currency('EUR')}}</span></p>
  61. </div>
  62. <div class="cart_remove">
  63. <button type="button" onclick="removeBasketItem({{basketItem.product.id}})" class="button-no-style" style="font-size : 15px;"><i class="ion-ios-close-outline"></i></button>
  64. </div>
  65. </div>
  66. {% endfor %}
  67. </div>
  68. {% if totalCostWithTVA != null %}
  69. <div class="mini_cart_table">
  70. <div class="cart_table_border">
  71. <div class="cart_total mt-10">
  72. <span>{% trans %}Sous-total{% endtrans %} :</span>
  73. <span class="price cart-subtotal">{{ totalCostWithTVA.cost |format_currency('EUR')}}</span>
  74. </div>
  75. <div class="cart_total">
  76. <span>{% trans %}TVA{% endtrans %} :</span>
  77. <span class="price cart-tva">{{ totalCostWithTVA.tva |format_currency('EUR')}}</span>
  78. </div>
  79. <div class="cart_total">
  80. <span>{% trans %}Prix net (sans TVA){% endtrans %}</span>
  81. <span class="cart_amount cart-total-ht" id="cart-total-ht">{{ totalCostWithTVA.ht |format_currency('EUR')}}</span>
  82. </div>
  83. <div class="cart_total">
  84. <span>{% trans %}Frais de livraison{% endtrans %}:</span>
  85. <span class="price cart-frais-livraison">{{fraisLivraison | format_currency('EUR')}}</span>
  86. </div>
  87. <div class="cart_total">
  88. <span>{% trans %}Prix total (TVA incluse){% endtrans %}:</span>
  89. <span class="cart_amount cart-total" id="cart-total">{{(totalCostWithTVA.cost + fraisLivraison)|format_currency('EUR')}}</span>
  90. </div>
  93. </div>
  94. </div>
  95. {% endif %}
  97. <div class="mini_cart_footer">
  98. <div class="cart_button">
  99. <a href="{{ path('app_cart_index') }}"><i class="fa fa-shopping-cart" style="margin-right:10px;"></i>{% trans %}Voir le panier{% endtrans %}</a>
  100. </div>
  102. </div>
  103. </div>
  104. <!--mini cart end-->
  105. </div>
  106. <div class="menu-translator-mobile">
  107. <select id="langage" class="form-control" translate="no" onchange="SelectTriggerGoogleTrad(event)">
  108. <option value="fr" {{ app.request.session.get('localSession') == 'fr' ? 'selected' : '' }}>FR</option>
  109. <option value="en" {{ app.request.session.get('localSession') == 'en' ? 'selected' : '' }}>EN</option>
  110. </select>
  112. </div>
  113. </div>
  115. <div id="menu" class="text-left ">
  116. <ul class="offcanvas_main_menu">
  117. {% if is_granted('ROLE_USER') %}
  118. <li class="menu-item-has-children">
  119. <a href="{{path('app_dashboard_index')}}">{% trans %}Tableau de bord{% endtrans %}</a>
  120. </li>
  121. {% endif %}
  122. <li class="menu-item-has-children active">
  123. <a href="{{ path('app_home_index') }}">{% trans %}Accueil{% endtrans %}</a>
  124. </li>
  125. {# <li class="menu-item-has-children">
  126. <a href="{{ path('app_shop_index') }}">{% trans %}Nos produits{% endtrans %}</a>
  127. </li> #}
  130. {# <li class="menu-item-has-children">
  131. <a href="{{ path('app_our_history_index') }}">{% trans %}Notre histoire{% endtrans %}</a>
  133. </li> #}
  135. <li class="menu-item-has-children">
  136. <a href="{{ path('app_contact_index') }}">{% trans %}Contact{% endtrans %}</a>
  137. </li>
  139. {# <li class="menu-item-has-children">
  140. <a href="{{ path('app_production_site_index') }}">Nos productions</a>
  141. </li>
  142. <li class="menu-item-has-children">
  143. <a href="{{ path('app_about_us_index') }}"> A propos</a>
  144. </li> #}
  145. {% if is_granted('ROLE_USER') %}
  146. <li class="menu-item-has-children">
  147. <a href="{{path('app_shop_index', {'egerie': app.user.username})}}">{% trans %}Mon lien{% endtrans %}</a>
  148. </li>
  149. <li class="menu-item-has-children">
  150. <a href="{{path('app_auth_logout')}}">{% trans %}Déconnexion{% endtrans %}</a>
  151. </li>
  152. {% else %}
  153. <li class="menu-item-has-children">
  154. <a href="{{path('app_auth_login')}}">{% trans %}Connexion{% endtrans %}</a>
  155. </li>
  156. {% endif %}
  157. </ul>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. <!--offcanvas menu area end (Navbar Mobile)-->
  166. <header>
  167. <div class="main_header af-header__section" id="header">
  168. <div class="header_middle sticky-header">
  169. <div class="container-fluid">
  170. <div class="row align-items-center">
  171. <div class="col-lg-12">
  172. <div class="header_right_info menu_position">
  173. <!--main menu start-->
  174. <a href="{{ path('app_home_index') }}" class="d-flex justify-content-center align-items-center">
  175. <img class="header-logo header-logo--secondary d-none" id="header-logo-1" src="{{ asset('assets/tanymena/logo_tanymena/png/logo_principale.png') }}" alt="Logo Tany mena" width="150" height="70">
  176. <img class="header-logo header-logo--primary d-none" id="header-logo-2" src="{{ asset('assets/tanymena/logo_tanymena/png/logo_principale_clair.png') }}" alt="Logo Tany mena" width="150" height="70">
  177. </a>
  178. <div class="main_menu af-header__main_menu" id="main_menu">
  179. <nav>
  180. <ul>
  181. {% if is_granted('ROLE_USER') %}
  182. <li class="menu-item-has-children">
  183. <a href="{{path('app_dashboard_index')}}">{% trans %}Tableau de bord{% endtrans %}</a>
  184. </li>
  185. {% endif %}
  186. <li><a href="{{ path('app_home_index') }}">{% trans %}Accueil{% endtrans %}</a></li>
  187. <li class="mega_items"><a href="{{ path('app_shop_index') }}">{% trans %}Nos produits{% endtrans %}</a></li>
  188. {# <li class="mega_items"><a href="{{ path('app_our_history_index') }}">{% trans %}Notre histoire{% endtrans %}</a></li> #}
  190. {# <li><a href="https://blog.aromaforest.fr/">{% trans %}Blog{% endtrans %}</a></li> #}
  191. {# <li><a href="{{ path('app_blog_index') }}">{% trans %}Blog{% endtrans %}</a></li> #}
  192. <li><a href="{{ path('app_contact_index') }}">{% trans %}Contact{% endtrans %}</a></li>
  193. </ul>
  194. </nav>
  195. </div>
  196. <!--main menu end-->
  197. {# <div class="header_account_area">
  198. <select id="langage" class="form-control" translate="no" onchange="SelectTriggerGoogleTrad(event)">
  199. <option value="fr" {{ app.request.session.get('localSession') == 'fr' ? 'selected' : '' }}>FR</option>
  200. <option value="en" {{ app.request.session.get('localSession') == 'en' ? 'selected' : '' }}>EN</option>
  201. </select>
  202. </div> #}
  205. <div class="header_account_area">
  206. <div class="header_area_item">
  207. <form action="{{path('app_shop_index')}}" class="header-form-i-search" >
  208. <input type="text" name="product_filter[name]">
  209. <button type="submit" class="btn-i-search"><i class="fa-solid fa-magnifying-glass sticky-i-black"></i> </button>
  210. </form>
  211. </div>
  212. <!-- <i class="icon-magnifier icons icon-header header-icon-search"></i> -->
  213. <div class="header_area_item">
  214. <select id="languageSelect" class="form-select" aria-label="Default select example" onchange="changeLocale(this.value)">
  215. <option value="fr" {{ app.request.session.get('_locale') == 'fr' ? 'selected' : '' }}>FR</option>
  216. <option value="en" {{ app.request.session.get('_locale') == 'en' ? 'selected' : '' }}>EN</option>
  217. </select>
  219. <script>
  220. function changeLocale(locale) {
  221. window.location.href = '/change-locale/' + locale;
  222. }
  223. </script>
  225. </div>
  227. {% if is_granted('ROLE_USER') %}
  228. <div class=" header_area_item">
  229. <a href="{{path('app_shop_index', {'egerie': app.user.username})}}" title="{% trans %}Mon lien{% endtrans %}"><i class="fa fa-link sticky-i-black icon-header"></i></a>
  230. </div>
  231. <div class="header_area_item">
  232. <a href="{{path('app_my_account')}}" title="{% trans %}Mon compte{% endtrans %}"><i class="fas fa-user icon-header sticky-i-black"></i></a>
  233. </div>
  234. <div class="header_area_item">
  235. <a href="{{path('app_auth_logout')}}" title="{% trans %}Déconnexion{% endtrans %}"><i class="fa-solid fa-right-from-bracket icon-header sticky-i-black"></i></a>
  236. </div>
  237. {% else %}
  238. <div class="header_area_item">
  239. <a href="{{path('app_auth_login')}}"><i class="fa fa-user icon-header sticky-i-black" aria-hidden="true"></i></a>
  240. </div>
  241. {% endif %}
  244. <div class="header_area_item mini_cart_wrapper d-flex align-items-center">
  245. <a class="hover-white" href="{{ path('app_cart_index') }}">
  246. <button type="button" class="btn button-af-header position-relative hover-white" style="background: #602D03; border: #602D03;">
  247. <i class="fa-solid fa-cart-shopping me-3"></i>
  248. {% trans %}Panier{% endtrans %}
  249. {% if basket|length > 0 %}
  250. <span class="position-absolute top-0 start-100 translate-middle badge badge-cart rounded-pill">
  251. {{ basket|length }}
  252. <span class="visually-hidden">Nombre de produit dans le panier</span>
  253. </span>
  254. {% endif %}
  255. </button>
  256. </a>
  257. <div class="mini_cart" style="overflow-y : auto;">
  258. <div class="cart_gallery">
  259. {% if basket|length ==0 %}
  260. <div class="alert alert-secondary p-3 text-center" role="alert">
  261. <div class="alert-body">
  262. {% trans %}Votre panier est vide{% endtrans %}.
  263. </div>
  264. </div>
  265. {% endif %}
  266. {% for basketItem in basket %}
  267. <div class="cart_item">
  268. <div class="cart_img">
  269. <a href="#"><img src="{{ asset( files_directory_relative ~ basketItem.product.image) }}" alt="Tany Mena, {{basketItem.product.getNameByDefaultLocale}}"></a>
  270. </div>
  271. <div class="cart_info">
  272. <a href="#">{{basketItem.product.getNameByDefaultLocale}}</a>
  273. <p>{{basketItem.quantity}} x <span> {{basketItem.product.cost|format_currency('EUR')}}</span></p>
  274. </div>
  275. <div class="cart_remove">
  276. <button type="button" onclick="removeBasketItem({{basketItem.product.id}})" class="button-no-style" style="font-size : 15px;"><i class="ion-ios-close-outline"></i></button>
  277. </div>
  278. </div>
  279. {% endfor %}
  280. </div>
  281. {% if totalCostWithTVA != null %}
  282. <div class="mini_cart_table">
  283. <div class="cart_table_border">
  284. <div class="cart_total mt-10">
  285. <span>{% trans %}Sous-total{% endtrans %} :</span>
  286. <span class="price cart-subtotal">{{ totalCostWithTVA.cost |format_currency('EUR')}}</span>
  287. </div>
  288. {% if totalCostWithTVA.tva > 0 %}
  289. <div class="cart_total">
  290. <span>{% trans %}TVA{% endtrans %} :</span>
  291. <span class="price cart-tva">{{ totalCostWithTVA.tva |format_currency('EUR')}}</span>
  292. </div>
  293. {% endif %}
  294. <div class="cart_total">
  295. <span>{% trans %}Prix net (sans TVA){% endtrans %}</span>
  296. <span class="cart_amount cart-total-ht" id="cart-total-ht">{{ totalCostWithTVA.ht |format_currency('EUR')}}</span>
  297. </div>
  298. <div class="cart_total">
  299. <span>{% trans %}Frais de livraison{% endtrans %}:</span>
  300. <span class="price cart-frais-livraison">{{fraisLivraison | format_currency('EUR')}}</span>
  301. </div>
  302. <div class="cart_total">
  303. <span>{% trans %}Prix total (TVA incluse){% endtrans %}:</span>
  304. <span class="cart_amount cart-total" id="cart-total">{{(totalCostWithTVA.cost + fraisLivraison)|format_currency('EUR')}}</span>
  305. </div>
  308. </div>
  309. </div>
  310. {% endif %}
  311. <div class="mini_cart_footer">
  312. <div class="cart_button">
  313. <a href="{{ path('app_cart_index') }}"><i class="fa fa-shopping-cart" style="margin-right:10px;"></i>{% trans %}Voir le panier{% endtrans %}</a>
  314. </div>
  316. </div>
  317. </div>
  318. <!--mini cart end-->
  319. </div>
  320. </div>
  321. </div>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. </div>
  327. </header>
  330. <!--header area end-->