<header class="r-header" role="header"> <section class="r-top"> <div class="r-top__wrap"> <ul class="r-top__nav"> {% if is_granted('IS_IMPERSONATOR') %} <li><a href="{{ path('app_admin_comptes', {_switch_user: '_exit'}) }}" class="r-top__item1" style="color: #51a3a3;">[Quitter l'imitation]</a></li> {% endif %} {% if app.user %} {# <li><a href="https://www.srdi.net/actualites" class="r-top__item1" target="_blank">Actualités</a></li> #} {% if is_granted('ROLE_ADMIN') %} <li class="r-top__item1"> <a href="{{ path('app_admin_ariane') }}" style="color: white;">Administration</a> </li> {% elseif is_granted('ROLE_USER') or is_granted('ROLE_SUPER_CLIENT') %} <li class="r-top__item1"> <a class="r-top__item1" href="{{ path('app_client_commandes') }}" style="color: white;"> {% if app.user %} <span class="fas fa-user"></span> {{ app.user.enseigne }} {% if app.user.nom is not null and app.user.prenom is not null %} - {{ app.user.prenom }} {{ app.user.nom }} {% endif %} {% endif %} </a> </li> <li><a href="{{ path('app_page_contact') }}" class="r-top__item1">Contact</a></li> <li class="togglePanier"> <a href="{{ path('app_client_panier') }}" class="r-top__item1 r-top__panier"> <svg class="r-top__panierIco"><use xlink:href="#cadi"></use></svg> <span class="r-top__panierNbr">{{ nbArticlePanier }}</span> </a> {% if app.user and is_granted('ROLE_USER') or is_granted('ROLE_SUPER_CLIENT') %} {% include "partial/_panier.html.twig" %} {% endif %} </li> {% endif %} {% else %} {# <li><a href="https://www.srdi.net/actualites" class="r-top__item1" target="_blank">Actualités</a></li> #} <li><a href="{{ path('app_page_contact') }}" class="r-top__item1">Contact</a></li> <li><a href="{{ path('app_login') }}" class="r-top__item1">Se connecter</a></li> {% endif %} </ul> </div> </section> <section class="r-header__wrap"> <a href="/" class="r-header__home"> <svg class="r-header__logo"> <use xlink:href="#logo"></use> </svg> </a> {% if app.user %} {% set cat1 = true %} {% set cat2 = true %} {% set cat3 = true %} {% for restriction in restrictionCategorie %} {% if restriction == 1 %} {% set cat1 = false %} {% endif %} {% if restriction == 2 %} {% set cat2 = false %} {% endif %} {% if restriction == 3 %} {% set cat3 = false %} {% endif %} {% endfor %} <ul class="r-header__nav"> <li class="r-header__item1"> <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC'}) }}" style="color: white; text-decoration: none;">Produits</a> <svg class="r-header__chevron"> <use xlink:href="#chevron-down"></use> </svg> <ul class="r-header__subnav"> <li> <ul {% if ( clientGroupe not in brother.clientGroupes and clientGroupe not in canon.clientGroupes and clientGroupe not in epson.clientGroupes and clientGroupe not in hp.clientGroupes ) and ( brother.isVisibleAriane == true or canon.isVisibleAriane == true or epson.isVisibleAriane == true or hp.isVisibleAriane == true ) %} class="r-header__navprod" {% endif %} > <li class="r-header__navprod--left"> {% if cat1 == true and ( clientGroupe not in brother.clientGroupes and clientGroupe not in canon.clientGroupes and clientGroupe not in epson.clientGroupes and clientGroupe not in hp.clientGroupes ) and ( brother.isVisibleAriane == true or canon.isVisibleAriane == true or epson.isVisibleAriane == true or hp.isVisibleAriane == true ) %} <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ENCRE COMPATIBLE'}) }}" class="r-header__link"> <span class="r-header__title">Encre compatible <br><small>(Print3E)</small></span> </a> <ul class="r-header__leftnav"> {% if clientGroupe not in brother.clientGroupes and brother.isVisibleAriane == true %} <li class="r-header__finalitems"> <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ENCRE COMPATIBLE', 'gamme[]': 'Brother'}) }}" class="r-header__link"> <span class="r-header__subtitle">Brother</span> </a> </li> {% endif %} {% if clientGroupe not in canon.clientGroupes and canon.isVisibleAriane == true %} <li class="r-header__finalitems"> <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ENCRE COMPATIBLE', 'gamme[]': 'Canon'}) }}" class="r-header__link"> <span class="r-header__subtitle">Canon</span> </a> </li> {% endif %} {% if clientGroupe not in epson.clientGroupes and epson.isVisibleAriane == true %} <li class="r-header__finalitems"> <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ENCRE COMPATIBLE', 'gamme[]': 'Epson'}) }}" class="r-header__link"> <span class="r-header__subtitle">Epson</span> </a> </li> {% endif %} {% if clientGroupe not in hp.clientGroupes and hp.isVisibleAriane == true %} <li class="r-header__finalitems"> <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ENCRE COMPATIBLE', 'gamme[]': 'HP'}) }}" <span class="r-header__subtitle">HP</span> </a> </li> {% endif %} </ul> {% endif %} {% if cat2 == true and ( clientGroupe not in canon.clientGroupes and clientGroupe not in epson.clientGroupes and clientGroupe not in hp.clientGroupes ) and ( canon.isVisibleAriane == true or epson.isVisibleAriane == true or hp.isVisibleAriane == true ) %} <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ENCRE OEM'}) }}" class="r-header__link"> <span class="r-header__title" style="margin-top: 2rem;">Encre OEM</span> </a> <ul class="r-header__leftnav"> {% if clientGroupe not in canon.clientGroupes and canon.isVisibleAriane == true %} <li class="r-header__finalitems"> <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ENCRE OEM', 'marque[]': 'CANON'}) }}" class="r-header__link"> <span class="r-header__subtitle">Canon</span> </a> </li> {% endif %} {% if clientGroupe not in epson.clientGroupes and epson.isVisibleAriane == true %} <li class="r-header__finalitems"> <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ENCRE OEM', 'marque[]': 'EPSON'}) }}" class="r-header__link"> <span class="r-header__subtitle">Epson</span> </a> </li> {% endif %} {% if clientGroupe not in hp.clientGroupes and hp.isVisibleAriane == true %} <li class="r-header__finalitems"> <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ENCRE OEM', 'marque[]': 'HP'}) }}" class="r-header__link"> <span class="r-header__subtitle">HP</span> </a> </li> {% endif %} </ul> {% endif %} </li> <li> {% if cat3 == true %} <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ACCESSOIRE'}) }}" <span class="r-header__title">Accessoire</span> </a> <ul class="r-header__undernav"> {% for menu, sousMenus in accessoireMenus %} <li class="r-header__finalitems"> <span class="r-header__subtitle">{{ menu }}</span> <ul class="r-header__subundernav"> {% for sousMenu in sousMenus %} <li class="r-header__"> <a href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'categorie[]': 'ACCESSOIRE', 'gamme[]': sousMenu|upper, 'famille[]': menu|upper}) }}" class="r-header__link"> {{ sousMenu }} </a> </li> {% endfor %} </ul> </li> {% endfor %} </ul> {% endif %} </li> </ul> </li> </ul> </li> <li class="r-header__item1">Marques <svg class="r-header__chevron"> <use xlink:href="#chevron-down"></use> </svg> <ul class="r-header__subnav"> <li> <ul class="r-header__navprod"> <li class="r-header__navprod--left"> {# MARQUE PRIORITAIRE #} {% if marquesPrioritaires is not null and marquesPrioritaires|length > 0 %} <a class="r-header__link"><span class="r-header__title">Nos marques</span></a> <ul class="r-header__leftnav" style="margin-bottom: 2rem;"> {% for marquePrioritaire in marquesPrioritaires %} <li class="r-header__finalitems"> <a class="r-header__subtitle" href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'marque[]': marquePrioritaire.nom|upper}) }}"> {{ marquePrioritaire.nom }} </a> </li> {% endfor %} </ul> {% endif %} {# MARQUE COMPATIBLE #} {% if marquesCom is not null and marquesCom|length > 0 %} <a class="r-header__link"><span class="r-header__title">Marque compatible</span></a> <ul class="r-header__leftnav" style="margin-bottom: 2rem;"> {% for marqueCom in marquesCom %} <li class="r-header__finalitems"> <a class="r-header__subtitle" href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'marque[]': marqueCom.nom|upper}) }}"> {{ marqueCom.nom }} </a> </li> {% endfor %} </ul> {% endif %} {# MARQUE OEM #} {% if marquesOem is not null and marquesOem|length > 0 %} <a class="r-header__link"><span class="r-header__title">Marque Oem</span></a> <ul class="r-header__leftnav"> {% for marqueOem in marquesOem %} <li class="r-header__finalitems"> <a class="r-header__subtitle" href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'marque[]': marqueOem.nom|upper}) }}"> {{ marqueOem.nom }} </a> </li> {% endfor %} </ul> {% endif %} </li> {# MARQUE ACCESSOIRE #} <li> <a class="r-header__link"><span class="r-header__title">Marque accessoire</span></a> <ul class="r-header__undernav r-header__undernav--marque"> {% for marqueAcc in marquesAcc %} <li class="r-header__finalitems"> <a class="r-header__subtitle" href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'marque[]': marqueAcc.nom|upper}) }}"> {{ marqueAcc.nom }} </a> </li> {% endfor %} </ul> </li> </ul> </li> </ul> </li> <li> <a class="r-header__item1" href="{{ path('app_page_recherche', {'search': '', 'prix': 'HT', 'sort': 'ASC', 'statut[]': 'NEW'}) }}">Nouveautés</a> </li> <li> <a class="r-header__item1" href="{{ path('app_page_promotions') }}">Promotions</a> </li> {% if indispensables %} <li> <a class="r-header__item1" href="{{ path('app_page_indispensables') }}">Indispensables</a> </li> {% endif %} {% if affichageBonsPlansWeb %} <li> <a class="r-header__item1 r-header__item1--promo" href="{{ path('app_page_bons_plans_web') }}">Destockage</a> </li> {% endif %} <li> <form class="s-search__form" action="{{ path('app_page_recherche') }}" data-controller="search" data-search-url-value="{{ path('references_autocompletion') }}"> <input type="hidden" name="sort" id="sort" value='ASC'> {# par defaut #} <input type="hidden" name="prix" id="prix" value='HT'> {# par defaut #} <input list="rechercheProduits" class="s-search__input" name="search" placeholder="EAN ou mots clés" id="datalistRechercheProduits" data-search-target="input" data-action="focus->search#search input->search#accents"/> <datalist id="rechercheProduits" data-search-target="datalist"> </datalist> <button class="s-search__btn" type="submit"> <svg class="s-showcase__tabIco"><use xlink:href="#loupe"></use></svg> </button> </form> </li> </ul> {% endif %} </section></header>