{% macro recursive_list_vertical(items,currentPath,isSubMenu = 0) %}
{% for item in items %}
{% if item.sub_menus is not empty %}
<li class="menuVerticalLi" style="{% if isSubMenu %}position:relative;{% endif %}{% if item.level > 0 %}{% endif %}" >
{% if item.isBusinessOffre %}
<div style="position: relative;">
<a {% if item.level == 0 %}style="margin-right: 2px;display: block;"{% endif %} href="{{ item.url }}" id="offreB2BBtn" class="{% if item.level > 0 %}aBtnMenuVerticalLevelNotZero{% endif %} btnMenuVerticalNewAcceuilBack btnMenuVerticalNewAcceuilSubMenu {% if isSubMenu %}{% else %}{% if loop.first %}first{% endif %}{% if loop.last %}last{% endif %}{% endif %}">{{ item.name }}</a>
{% include 'front/accueil/offreB2BBloc.html.twig' %}
</div>
{% elseif item.isTel %}
<div style="position: relative;">
<a {% if item.level == 0 %}style="margin-right: 2px;display: block;"{% endif %} href="{{ item.url }}" id="telBlocBtn" class="{% if item.level > 0 %}aBtnMenuVerticalLevelNotZero{% endif %} btnMenuVerticalNewAcceuilBack btnMenuVerticalNewAcceuilSubMenu {% if isSubMenu %}{% else %}{% if loop.first %}first{% endif %}{% if loop.last %}last{% endif %}{% endif %}">{{ item.name }}</a>
{% include 'front/accueil/telBloc.html.twig' with {'menu': item} %}
</div>
{% else %}
<a {% if item.level == 0 %}style="margin-right: 2px; display: block;"{% endif %} href="{{ item.url }}" class="{% if item.level > 0 %}aBtnMenuVerticalLevelNotZero{% else %}aBtnMenuVerticalLevelZero{% endif %} btnMenuVerticalNewAcceuilBack btnMenuVerticalNewAcceuilSubMenu {% if isSubMenu %} {% else %}{% if loop.first %}first{% endif %}{% if loop.last %}last{% endif %}{% endif %}">{{ item.name }}</a>
{% endif %}
<ul class="menuVerticalUl {% if item.level > 0 %} menuVerticalUlNotZero{% endif %}" style="width: max-content;background: #fff;{% if item.level > 0 %}margin-top: 10px;{% else %}margin-top: 5px;{% endif %}padding-bottom: 10px;">
{% set isSubMenu = isSubMenu +1 %}
{{ _self.recursive_list_vertical(item.sub_menus,currentPath,isSubMenu) }}
</ul>
</li>
{% else %}
{% if item.level == 0 %}
<li class="menuVerticalLi">
{% if item.isBusinessOffre %}
<div style="position: relative;">
<a style="margin-right: 2px; display: block;" href="{{ item.url }}" id="offreB2BBtn" class="btnMenuVerticalNewAcceuilBack {% if isSubMenu %} {% else %}{% if loop.first %}first{% endif %}{% if loop.last %}last{% endif %}{% endif %}">{{ item.name }}</a>
{% include 'front/accueil/offreB2BBloc.html.twig' %}
</div>
{% elseif item.isTel %}
<div style="position: relative;">
<a style="margin-right: 2px; display: block;" href="{{ item.url }}" id="telBlocBtn" class="btnMenuVerticalNewAcceuilBack {% if isSubMenu %} {% else %}{% if loop.first %}first{% endif %}{% if loop.last %}last{% endif %}{% endif %}">{{ item.name }}</a>
{% include 'front/accueil/telBloc.html.twig' with {'menu': item} %}
</div>
{% else %}
<a style="margin-right: 2px; display: block;" href="{{ item.url }}" class="btnMenuVerticalNewAcceuilBack {% if isSubMenu %} {% else %}{% if loop.first %}first{% endif %}{% if loop.last %}last{% endif %}{% endif %}">{{ item.name }}</a>
{% endif %}
</li>
{% else %}
<li class="menuVerticalLi" style="">
{% if item.isBusinessOffre %}
<div style="position: relative;">
<a href="{{ item.url }}" id="offreB2BBtn" class="{% if item.level > 0 %}aBtnMenuVerticalLevelNotZero{% endif %} btnMenuVerticalNewAcceuilBack {% if isSubMenu %} {% else %}{% if loop.first %}first{% endif %}{% if loop.last %}last{% endif %}{% endif %}">{{ item.name }}</a>
{% include 'front/accueil/offreB2BBloc.html.twig' %}
</div>
{% elseif item.isTel %}
<div style="position: relative;">
<a href="{{ item.url }}" id="telBlocBtn" class="{% if item.level > 0 %}aBtnMenuVerticalLevelNotZero{% endif %} btnMenuVerticalNewAcceuilBack {% if isSubMenu %} {% else %}{% if loop.first %}first{% endif %}{% if loop.last %}last{% endif %}{% endif %}">{{ item.name }}</a>
{% include 'front/accueil/telBloc.html.twig' with {'menu': item} %}
</div>
{% else %}
<a href="{{ item.url }}" class="{% if item.level > 0 %}aBtnMenuVerticalLevelNotZero{% endif %} btnMenuVerticalNewAcceuilBack {% if isSubMenu %} {% else %}{% if loop.first %}first{% endif %}{% if loop.last %}last{% endif %}{% endif %}">{{ item.name }}</a>
{% endif %}
</li>
{% endif %}
{% endif %}
{% endfor %}
{% endmacro %}
<nav id="sidebarUser">
<div id="blockUserLogin" style="display: none">
<div class="fixed_menu_top_burger">
<div class="dismissUser">
<img src="/images/bgclosemenu.png" class="mCS_img_loaded">
</div>
<div class="logo_menu_toop_dis">
<h3>{{ "Se connecter"|trans }}</h3>
</div>
</div>
<div class="blockMenuUser">
{{ render(controller('App\\Controller\\SecurityController::loginModal')) }}
</div>
<div class="txtaddside">
<p>{{ "Les informations demandées dans le cadre de ce formulaire sont nécessaires à l’exécution, par la société Milkprint, de ses obligations contractuelles telles que résultant de ses Conditions générales de vente (notamment, à la gestion des commandes et à la facturation). Elles permettent également de fournir au client des services personnalisés, d’améliorer la pertinence des informations qui lui sont proposées. Elles sont également susceptibles de faire l’objet de traitement à des fins statistiques. Elles font l’objet d’un traitement informatique par la société Milkprint, responsable du traitement."|trans }}</p>
<p>{{ "Conformément à la législation française et à la réglementation européenne relative à la protection des données à caractère personnel, vous disposez, sur vos données, d’un droit d’accès à vos données à caractère personnel, d’un droit de rectification ou d’effacement de vos données, d’un droit à la limitation du traitement de vos données, d’un droit d’opposition au traitement de vos données, ainsi que d’un droit à la portabilité de vos données."|trans }}</p>
<p>{{ "Vous pouvez exercer ces droits auprès de la société Milkprint, responsable du traitement, en écrivant à l’adresse"|trans }} <a href="contact@copees.com">contact@copees.com</a> , >{{ "en indiquant vos nom, prénoms, e-mail, et adresse et référence client, et en y joignant une copie d’une pièce d’identité en cours de validité."|trans }}</p>
<p>{{ "Ces droits pourront être exercés après votre mort par la personne que vous aurez désignée ou par vos héritiers dans les conditions prévues par l’article 40-1 de la loi n° 78-17 du 6 janvier 1978 relative à l'informatique, aux fichiers et aux libertés."|trans }}</p>
</div>
</div>
<div id="blockUserRegister" style="display: none">
<div class="fixed_menu_top_burger">
<div class="dismissUser">
<img src="/images/bgclosemenu.png" class="mCS_img_loaded">
</div>
<div class="logo_menu_toop_dis">
<h3>{{ "Créer un compte"|trans }}</h3>
</div>
</div>
<div class="blockMenuUser">
{% include 'front/myaccount/inscrit-modal.html.twig' %}
</div>
</div>
<div id="blockUserMpo" style="display: none">
<div class="fixed_menu_top_burger">
<div class="dismissUser">
<img src="/images/bgclosemenu.png" class="mCS_img_loaded">
</div>
<div class="logo_menu_toop_dis">
<h3 style="font-size: 23px!important;margin-top: 32px!important;">{{ "Réinitialiser mon mot de passe"|trans }}</h3>
</div>
</div>
<div class="blockMenuUser">
{% include 'front/myaccount/mpo-modal.html.twig' %}
</div>
</div>
</nav>
<nav id="sidebarUserConect">
<div id="menuUserConnect">
<div class="fixed_menu_top_burger">
<div class="dismissUser">
<img src="/images/bgclosemenu.png" class="mCS_img_loaded">
</div>
<div class="logo_menu_toop_dis">
<h3>{{ "Mon compte"|trans }}</h3>
</div>
</div>
<div class="blockMenuUser2" id="menuUserConnectContent">
{% include 'front/myaccount/menu-user-modal.html.twig' %}
</div>
</div>
<div id="menuAdresseLivraison" style="display: none">
<div class="fixed_menu_top_burger">
<a class="dismissPrevMenu prevUserMenu" href="#">
<div class="livicon-evo"
data-options="name: arrow-left.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
</a>
<div class="logo_menu_toop_dis">
<h3>{{ "Ajouter une adresse"|trans }}</h3>
</div>
</div>
<div class="blockMenuUser">
{% include 'front/myaccount/adresse-modal-livraison.html.twig' %}
</div>
</div>
<div id="menuAdresseFacturation" style="display: none">
<div class="fixed_menu_top_burger">
<a class="dismissPrevMenu prevUserMenu" href="#">
<div class="livicon-evo"
data-options="name: arrow-left.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
</a>
<div class="logo_menu_toop_dis">
<h3>{{ "Ajouter une adresse"|trans }}</h3>
</div>
</div>
<div class="blockMenuUser">
{% include 'front/myaccount/adresse-modal-facturation.html.twig' %}
</div>
</div>
</nav>
<nav id="sidebarVerticalNewAcceuil">
<div class="row">
<div class="col-2 col-sm-3">
<a href="#" class="btnMenuVerticalNewAcceuil">
<img src="{{ asset('images/btn_menu_new_acceuil.png') }}">
</a>
<a href="#" class="logoVerticalNewAcceuil">
<img src="{{ asset('images/logo_copees_btn_new_acceuil.png') }}" style=" width: 60px;">
</a>
</div>
<div class="col-10 col-sm-9" id="btnMenuVerticalNewAcceuilBackGlobal" >
{% set menuVertical = getMenuVerticalFront() %}
{% set currentPath = path(app.request.attributes.get('_route'),app.request.attributes.get('_route_params')) %}
{{ _self.recursive_list_vertical(menuVertical,currentPath,0) }}
<div class="boxdefglobal" id="offreB2BBloc" style="display: none" data-show="0">
<div class="boxdefglobal1">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="position: relative;right: -15px;top: -2px;">
<span ></span>
</button>
<div class="partdef1">
<h2>{{ "Nos incroyables abonnements Plus et Business"|trans }}</h2>
<p>
{{ "Externalisez tous vos besoins en impression et en supports de communication. Votre plateforme intégrée tout en un de gestion, de création et d’impression de produits personnalisés pour votre entreprise."|trans }}<br>
{{ "Une solution écologique, sans couts fixes en machine, en maintenance et en ressources humaines"|trans }}!<br>
{{ "Les chiffres parlent d’eux-mêmes, découvrez"|trans }} <a style="text-decoration: underline;color: #5BADF5;" href="https://docs.google.com/spreadsheets/d/1wvgvb76sdzchDcHmukZH1wI5S0JPZAZ2Fm4-tcMXiAI/edit?usp=sharing" target="_blank">{{ "ici"|trans }}</a> {{ "vos économies générées sur nos simulations"|trans }}!
({{ "Découvrez notre"|trans }} <a style="text-decoration: underline;color: #5BADF5;" href="{{ asset('images/livre_blanc_cost_killer_print.pdf') }}" target="_blank" class="selectTagLinkBusinessOfferMenuGoogle" data-link-clicked="livre blanc"> {{ "livre blanc"|trans }}</a>)
</p>
<div class="row">
<div class="col-md-7">
<p>{{ " le nombre d’impression en couleur" |trans }}</p>
<div class="icondef2"><a style="color: #5BADF5" href="{{ path('offre_B2B_2') }}" class="selectTagLinkBusinessOfferMenuGoogle" data-link-clicked="Pour les freelances & indépendants"> {{ "Pour les freelances & indépendants"|trans|raw }}</a></div>
<div class="icondef3"><a style="color: #5BADF5" href="{{ path('offre_B2B_2') }}" class="selectTagLinkBusinessOfferMenuGoogle" data-link-clicked="Pour les Grandes Entreprises">{{ "Pour les Grandes Entreprises"|trans }}</a></div>
<div class="icondef4"><a style="color: #5BADF5" href="{{ path('offre_B2B_2') }}" class="selectTagLinkBusinessOfferMenuGoogle" data-link-clicked="Pour les administrations publiques">{{ "Pour les administrations publiques"|trans }}</a></div>
</div>
<div class="col-md-5">
<div class="icondef5"><a style="color: #5BADF5" href="{{ path('offre_B2B_2') }}" class="selectTagLinkBusinessOfferMenuGoogle" data-link-clicked="Pour les PME & StartUp">{{ "Pour les PME & StartUp"|trans|raw }}</a></div>
<div class="icondef6"><a style="color: #5BADF5" href="{{ path('offre_B2B_2') }}" class="selectTagLinkBusinessOfferMenuGoogle" data-link-clicked="Pour les hôtels et restaurants">{{ "Pour les hôtels et restaurants"|trans }}</a></div>
</div>
</div>
</div>
<div class="partdef2">
<h2><a href="{{ path('abonnementPro_index') }}" class="selectTagLinkBusinessOfferMenuGoogle" data-link-clicked="Tous les tarifs et avantages en 1 coup d’œil" style="color:#1E141F"> {{ "Tous les tarifs et avantages en 1 coup d’œil"|trans }}</a></h2>
</div>
<div class="partdef3">
<h2><a href="https://api.copees.com/" style="color:#1E141F" class="selectTagLinkBusinessOfferMenuGoogle" data-link-clicked="Notre incroyable API">{{ "Notre incroyable API"|trans }}</a></h2>
<p>{{ "Devenez revendeur et automatisez le passage de vos commandes d\'impression en quelques clics. Générez plus de chiffre d’affaire et offrez un service inestimable à vos clients"|trans }}</p>
</div>
</div>
</div>
<div id="btnMenuVerticalNewAcceuilBackUser">
{% if checkIsAbonnementPro(app.user) or checkIsAbonnementProCart() %}
<a href="{{ path('accueil_page_b2b') }}" class="btnMenuVerticalNewAcceuilBackUserConnect">{{ getNameAbonnementPro(app.user)|trans|raw }}</a>
{% else %}
{% if app.user %}
<a style="display: block;" href="#" class="btnMenuVerticalNewAcceuilBackUserConnect" id="btnUserHeader">{{ getNameAbonnementPro(app.user)|trans|raw }}</a>
{% else %}
<a style="display: block;" href="#" class="btnMenuVerticalNewAcceuilBackUserConnect" {% if app.user %} id="btnUserHeader"{% else %} id="btnLoginHeader"{% endif %}>{{ "Se connecter"|trans }}</a>
{% endif %}
{% endif %}
</div>
</div>
</div>
</nav>
<nav id="sidebar">
<div class="fixed_menu_top_burger">
<div id="dismiss">
<img src="{{ asset('images/btn_menu_new_acceuil_close.png') }}">
</div>
<div class="logo_menu_toop_dis">
<img src="{{ asset('images/logo_copees_btn_new_acceuil.png') }}">
</div>
</div>
{% macro recursive_list(items,currentPath,BasePath) %}
{% for item in items %}
{% if item.sub_menus is not empty %}
<li class="nav-item btn_livraison_menu menu_burger_ccm">
<div class="btn_livraison_menu menu_burger_ccm btn-group btn-hover-group">
<a style="{% if item.level > 1 %}padding-left: {{ 25 * item.level }}px!important;{% elseif item.level == 1 %}padding-left: {{ 35 }}px!important;{% endif %}" href="#" class="menu_burger_accueil menu_burger_click_linck btn btn-default link_menu_burger
{% if currentPath in item.url_sub_menu %}active{% endif %} ">
{% if item.icone %}
<div class="imageMenuBurger">
<img style="max-width: 25px;" src="{{ asset('imageSite/'~item.icone) }}">
</div>
{% endif %}
<div>
<span class="textMenuBurger1">{{ item.name|trans([],'menuburger') }}</span>
<span class="textMenuBurger2">{{ item.description|trans([],'menuburger') }}</span>
</div>
</a>
<ul class="dropdown-menu pull-right menu_burger_ul {% if currentPath in item.url_sub_menu %}active_menu_burger_click_linck{% endif %} ">
{{ _self.recursive_list(item.sub_menus,currentPath,BasePath) }}
</ul>
<div class="clear_both"></div>
</div>
</li>
{% else %}
{% if item.level == 0 %}
<li class="nav-item">
<a class="menu_burger_accueil nav-link link_menu_burger {% if currentPath == item.url %}activeLinkMenu{% endif %}" href="{{ BasePath }}{{ item.url }}?navigate=navigated_from_menu">
{% if item.icone %}
<div class="imageMenuBurger">
<img style="max-width: 25px;" src="{{ asset('imageSite/'~item.icone) }}">
</div>
{% endif %}
<div>
<span class="textMenuBurger1">{{ item.name|trans([],'menuburger') }}</span>
<span class="textMenuBurger2">{{ item.description|trans([],'menuburger') }}</span>
</div>
</a>
</li>
{% else %}
<li>
<a class="menu_burger_accueil nav-link link_menu_burger {% if currentPath == item.url %}activeLinkMenu{% endif %}" style="{% if item.level > 1 %}padding-left: {{ 25 * item.level }}px!important;{% elseif item.level == 1 %}padding-left: {{ 35 }}px!important;{% endif %}" href="{{ BasePath }}{{ item.url }}?navigate=navigated_from_menu" >
{% if item.icone %}
<div class="imageMenuBurger">
<img style="max-width: 25px;" src="{{ asset('imageSite/'~item.icone) }}">
</div>
{% endif %}
<div>
<span class="textMenuBurger1">{{ item.name|trans([],'menuburger') }}</span>
<span class="textMenuBurger2">{{ item.description|trans([],'menuburger') }}</span>
</div>
</a>
</li>
{% endif %}
{% endif %}
{% endfor %}
{% endmacro %}
<ul class="list-unstyled components">
{% set menus = getMenuBurgerFront() %}
{% if app.request %}
{% set scheme = app.request.scheme %}
{% set httpHost = app.request.httpHost %}
{% else %}
{% set scheme = 'https' %}
{% set httpHost = 'copees.com' %}
{% endif %}
{% if routeExists(app.request.attributes.get('_route')) %}
{% set currentPath = path(app.request.attributes.get('_route'),app.request.attributes.get('_route_params')) %}
{% set BasePath = scheme ~'://' ~ httpHost %}
{{ _self.recursive_list(menus,currentPath,BasePath) }}
{% endif %}
</ul>
<ul class="list-unstyled components">
<li class="nav-item">
<div class="icone_soc_top d-flex">
<a href="https://www.facebook.com/copeesofficial/" target="_blank" class="fb"></a>
<a href="https://twitter.com/copeesofficial" target="_blank" class="tw"></a>
<a href="https://www.instagram.com/copeesofficial/" target="_blank" class="ins"></a>
</div>
</li>
</ul>
</nav>
<style>
#searchProductMenu{
font-family: AktivGrotesk-Light;
font-size: 12px;
font-weight: 400;
line-height: 13.73px;
text-align: center;
color: #4D4D4D;
width: 100%!important;
background-color: #EDEEEF;
background-image: url('/images/coop_acceuil_new.png')!important;
border: 1px solid;
padding-left: 40px;
padding-top: 10px;
padding-bottom: 9px;
min-height: auto!important;
text-align: left;
}
.ipstresl {
width: 350px;
left: -75px;
}
.close_result_head {
padding-top: 2px;
}
#sidebar ul li a{
border-top: 1px solid #4D4D4D;
}
#dismiss {
left: 10px;
top: 15px;
}
.logo_menu_toop_dis {
margin-left: 75px !important;
}
.boxdefglobal {
position: absolute;
right: 0px;
z-index: 999;
top: 41px;
}
.boxdefglobal1:before {
left: auto!important;
}
.partdef1 ,.partdef2 ,.partdef3 {
text-align: left !important;
}
#btnChoiceAcceuilNew svg path{
stroke-width: 1;
stroke: #4D4D4D;
}
.blockImageGlobalAccueilNew:hover .btnChoiceAcceuilNew svg path{
stroke-width: 1;
stroke: #fff;
}
ul ul a{
font-size: 12px!important;
padding-left: 10px !important;
}
</style>