templates/front/header.html.twig line 1

Open in your IDE?
  1. {% if getBandeauDescription() %}
  2.     {% set bandeauDescription = getBandeauDescription() %}
  3.     {% if app.request.attributes.get('_route') == 'accueil' %}
  4.         <div class="bar_top_bleu_copees_sf bar_top_bleu_content1">
  5.             <div>
  6.                 <button type="button" class="btn_top_class_bar" id="btnConditionHomeBarre" >
  7.                     <span class="" >{{ "Conditions"|trans([],'menuburger') }}</span>
  8.                 </button>
  9.                 <button type="button" class="btn_top_class_bar_close" id="btncloseHomeBarre" >
  10.                     <span class="" ><img src="{{ asset('images/bgWhiteclosemenu.png') }}"> </span>
  11.                 </button>
  12.                 <p class="p_top_class_bar1">
  13.                     {{ bandeauDescription.description|trans([],'menuburger') }}
  14.                 </p>
  16.             </div>
  17.             <div class="" id="conditionHomeBarre" style="display: none">
  18.                 <p class="p_top_class_bar2" >{{ bandeauDescription.conditionD|trans([],'menuburger') }} </p>
  19.             </div>
  20.         </div>
  21.     {% endif %}
  22.     <div class="bar_top_bleu_copees_sf bar_top_bleu_content2 pt-2" {% if app.request.attributes.get('_route') == 'accueil' %} style="display: none" {% endif %}>
  23.         <div class="d-flex bar_top_bleu_2 justify-content-between ">
  24.             {% for item in bandeauDescription.bandeauHomePageItem %}
  25.                 {{ item.description|trans([],'menuburger') |raw }}
  26.             {% endfor %}
  27.         </div>
  28.         <div class="" id="conditionHomeBarre" style="display: none">
  29.             <p class="p_top_class_bar2" >{{ bandeauDescription.conditionD|trans([],'menuburger') }}</p>
  30.         </div>
  31.     </div>
  32. {% endif %}
  33. {% set bandeauRoseB2C = getBandeauRoseBTC() %}
  34. {% set bandeauRoseBTB = getBandeauRoseBTB() %}
  35. {% set bandeauRoseABP = getBandeauRoseABP() %}
  37. {% if app.request.attributes.get('_route') == 'offre_B2B_2' %}
  38.     {% if bandeauRoseBTB %}
  39.         <div class="bar_top_rose_copees_sf bar_top_bleu_content1">
  40.             <div>
  41.                 <p class="p_top_rose_bar1">
  42.                     {{bandeauRoseBTB.description|trans([],'menuburger') |raw }}
  43.                 </p>
  44.             </div>
  45.         </div>
  46.     {% endif %}
  47. {% elseif app.request.attributes.get('_route') == 'abonnementPro_index'  %}
  48.     {% if bandeauRoseABP %}
  49.         <div class="bar_top_rose_copees_sf bar_top_bleu_content1">
  50.             <div>
  51.                 <p class="p_top_rose_bar1">
  52.                     {{bandeauRoseABP.description|trans([],'menuburger') |raw }}
  53.                 </p>
  54.             </div>
  55.         </div>
  56.     {% endif %}
  57. {% else %}
  58.     {% if bandeauRoseB2C %}
  59.         <div class="bar_top_rose_copees_sf bar_top_bleu_content1">
  60.             <div>
  61.                 <p class="p_top_rose_bar1">
  62.                     {{bandeauRoseB2C.description|trans([],'menuburger') |raw }}
  63.                 </p>
  64.             </div>
  65.         </div>
  66.     {% endif %}
  67. {% endif %}
  69. <header style="background-color:#fdf18d;" class="{% if headerMobile is defined %}headerMobile{% endif %}">
  71.     <!-- Sidebar -->
  72.     <nav id="sidebar">
  73.         <div class="fixed_menu_top_burger">
  74.             <div id="dismiss" style="    top: -10px;">
  75.                 <img src="{{ asset('images/bgclosemenu.png') }}">
  76.                 <span class="menuWeglotMobile"></span>
  77.             </div>
  78.             <div class="logo_menu_toop_dis">
  79.                 <img src="{{ asset('images/logo_c2New.svg') }}" style="width: 60px;">
  81.             </div>
  82.         </div>
  84.         {% macro recursive_list(items,currentPath,BasePath) %}
  85.             {% for item in items %}
  86.                 {% if item.sub_menus is not empty %}
  87.                     <li class="nav-item btn_livraison_menu menu_burger_ccm">
  88.                         <div class="btn_livraison_menu menu_burger_ccm btn-group btn-hover-group">
  89.                             <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_click_linck btn btn-default link_menu_burger
  90.                                         {% if currentPath in item.url_sub_menu %}active{% endif %} ">{{ item.name|trans([],'menuburger') }}</a>
  91.                             <ul class="dropdown-menu  pull-right menu_burger_ul  {% if currentPath in item.url_sub_menu %}active_menu_burger_click_linck{% endif %} ">
  92.                                 {{ _self.recursive_list(item.sub_menus,currentPath,BasePath) }}
  93.                             </ul>
  94.                             <div class="clear_both"></div>
  95.                         </div>
  96.                     </li>
  97.                 {% else %}
  98.                     {% if item.level == 0 %}
  99.                         <li class="nav-item">
  100.                             <a class="nav-link link_menu_burger {% if currentPath ==  item.url  %}activeLinkMenu{% endif %}" href="{{ BasePath }}{{ item.url }}?navigate=navigated_from_menu">{{ item.name|trans([],'menuburger') }}</a>
  101.                         </li>
  102.                     {% else %}
  103.                         <li><a class="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"  >{{ item.name|trans([],'menuburger') }}</a></li>
  104.                     {% endif %}
  105.                 {% endif %}
  106.             {% endfor %}
  107.         {% endmacro %}
  109.         <ul class="list-unstyled components">
  110.             {% set menus = getMenuBurgerFront() %}
  111.             {% if app.request %}
  112.                 {% set scheme = app.request.scheme %}
  113.                 {% set httpHost = app.request.httpHost %}
  114.             {% else %}
  115.                 {% set scheme = 'https' %}
  116.                 {% set httpHost = 'copees.com' %}
  117.             {% endif %}
  118.             {% if routeExists(app.request.attributes.get('_route')) %}
  119.                 {% set currentPath = path(app.request.attributes.get('_route'),app.request.attributes.get('_route_params')) %}
  120.                 {% set BasePath =  scheme ~'://' ~ httpHost  %}
  121.                 {{ _self.recursive_list(menus,currentPath,BasePath) }}
  122.             {% endif %}
  123.         </ul>
  124.         <ul class="list-unstyled components">
  125.             <li class="nav-item">
  126.                 <div class="icone_soc_top d-flex">
  127.                     <a href="https://www.facebook.com/copeesofficial/" target="_blank"  class="fb"></a>
  128.                     <a href="https://twitter.com/copeesofficial" target="_blank" class="tw"></a>
  129.                     <a href="https://www.instagram.com/copeesofficial/" target="_blank" class="ins"></a>
  130.                 </div>
  131.             </li>
  132.         </ul>
  133.     </nav>
  134.     <nav id="sidebarUser">
  135.         <div id="blockUserLogin" style="display: none">
  136.             <div class="fixed_menu_top_burger">
  137.                 <div class="dismissUser">
  138.                     <img src="/images/bgclosemenu.png" class="mCS_img_loaded">
  139.                 </div>
  140.                 <div class="logo_menu_toop_dis">
  141.                     <h3>{{ "Se connecter"|trans }}</h3>
  142.                 </div>
  143.             </div>
  144.             <div class="blockMenuUser">
  145.                 {{ render(controller('App\\Controller\\SecurityController::loginModal')) }}
  146.             </div>
  147.             <div class="txtaddside">
  148.                 <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>
  149.                 <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>
  150.                 <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>
  151.                 <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>
  152.             </div>
  153.         </div>
  154.         <div id="blockUserRegister" style="display: none">
  155.             <div class="fixed_menu_top_burger">
  156.                 <div class="dismissUser">
  157.                     <img src="/images/bgclosemenu.png" class="mCS_img_loaded">
  158.                 </div>
  159.                 <div class="logo_menu_toop_dis">
  160.                     <h3>{{ "Créer un compte"|trans }}</h3>
  161.                 </div>
  162.             </div>
  163.             <div class="blockMenuUser">
  164.                 {% include 'front/myaccount/inscrit-modal.html.twig' %}
  166.             </div>
  167.         </div>
  168.         <div id="blockUserMpo" style="display: none">
  169.             <div class="fixed_menu_top_burger">
  170.                 <div class="dismissUser">
  171.                     <img src="/images/bgclosemenu.png" class="mCS_img_loaded">
  172.                 </div>
  173.                 <div class="logo_menu_toop_dis">
  174.                     <h3 style="font-size: 23px!important;margin-top: 32px!important;">{{ "Réinitialiser mon mot de passe"|trans }}</h3>
  175.                 </div>
  176.             </div>
  177.             <div class="blockMenuUser">
  178.                 {% include 'front/myaccount/mpo-modal.html.twig' %}
  179.             </div>
  180.         </div>
  181.     </nav>
  182.     <nav id="sidebarUserConect">
  183.         <div id="menuUserConnect">
  184.             <div class="fixed_menu_top_burger">
  185.                 <div class="dismissUser">
  186.                     <img src="/images/bgclosemenu.png" class="mCS_img_loaded">
  187.                 </div>
  188.                 <div class="logo_menu_toop_dis">
  189.                     <h3>{{ "Mon compte"|trans }}</h3>
  190.                 </div>
  191.             </div>
  192.             <div class="blockMenuUser2" id="menuUserConnectContent">
  193.                 {% include 'front/myaccount/menu-user-modal.html.twig' %}
  194.             </div>
  195.         </div>
  196.         <div id="menuAdresseLivraison" style="display: none">
  197.             <div class="fixed_menu_top_burger">
  198.                 <a class="dismissPrevMenu prevUserMenu"  href="#">
  199.                     <div class="livicon-evo"
  200.                          data-options="name: arrow-left.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
  201.                 </a>
  202.                 <div class="logo_menu_toop_dis">
  203.                     <h3>{{ "Ajouter une adresse"|trans }}</h3>
  204.                 </div>
  205.             </div>
  206.             <div class="blockMenuUser">
  207.                 {% include 'front/myaccount/adresse-modal-livraison.html.twig' %}
  208.             </div>
  209.         </div>
  210.         <div id="menuAdresseFacturation" style="display: none">
  211.             <div class="fixed_menu_top_burger">
  212.                 <a class="dismissPrevMenu  prevUserMenu"  href="#">
  213.                     <div class="livicon-evo"
  214.                          data-options="name: arrow-left.svg; style: lines;size: 45px;strokeColor: #000;strokeColorAction: #000;repeat:loop;colorsOnHover: custom"></div>
  215.                 </a>
  216.                 <div class="logo_menu_toop_dis">
  217.                     <h3>{{ "Ajouter une adresse"|trans }}</h3>
  218.                 </div>
  219.             </div>
  220.             <div class="blockMenuUser">
  221.                 {% include 'front/myaccount/adresse-modal-facturation.html.twig' %}
  222.             </div>
  223.         </div>
  224.     </nav>
  225.     <!-- Page Content -->
  226.     <div id="content">
  228.         <nav class="navbar navbar-expand-lg navbar-light bg-light">
  229.             <div class="container-fluid">
  232.             </div>
  233.         </nav>
  234.     </div>
  235.     <!-- Dark Overlay element -->
  236.     <div class="overlay"></div>
  238.     <section class="menus">
  239.         <div class="boxdefglobalglobalOutils" id="outilGratuitBloc" style="display: none" data-show="0">
  240.             <div class="boxdefglobalOutils">
  241.                 <div class="row">
  242.                     <div class="text-center  col-md-2 col-6 p-0" style="margin-bottom: 20px;padding-right: 14px!important;">
  243.                         <a  class="" href="{{ path('edit_pdf_page2') }}">
  244.                             {% if countrySelect.languageCode == 'Es' %}
  245.                                 <img  class="imgOutilGratuit" src="{{ asset('images/outil-gratuit-1-es.jpeg') }}">
  246.                             {% else %}
  247.                                 <img  class="" src="{{ asset('images/outil-gratuit-1.png') }}">
  248.                             {% endif %}
  249.                         </a>
  250.                     </div>
  251.                     <div class="text-center  col-md-2 col-6 p-0"  style="margin-bottom: 20px;padding-right: 14px!important;">
  252.                         <a  class="" href="{{ path('page_templates_20000') }}">
  253.                             {% if countrySelect.languageCode == 'Es' %}
  254.                                 <img  class="imgOutilGratuit" src="{{ asset('images/outil-gratuit-2-es.jpeg') }}">
  255.                             {% else %}
  256.                                 <img  class="" src="{{ asset('images/outil-gratuit-2.png') }}">
  257.                             {% endif %}
  258.                         </a>
  259.                     </div>
  260.                     <div class="text-center  col-md-2 col-6 p-0"  style="margin-bottom: 20px;padding-right: 14px!important;">
  261.                         <a  class="" href="{{ path('tarif_page') }}">
  262.                             {% if countrySelect.languageCode == 'Es' %}
  263.                                 <img  class="imgOutilGratuit" src="{{ asset('images/outil-gratuit-3-es.jpeg') }}">
  264.                             {% else %}
  265.                                 <img  class="" src="{{ asset('images/outil-gratuit-3.png') }}">
  266.                             {% endif %}
  267.                         </a>
  268.                     </div>
  269.                     <div class="text-center  col-md-2 col-6 p-0"  style="margin-bottom: 20px;padding-right: 14px!important;">
  270.                         <a  class="" href="{{ path('app_landing') }}">
  271.                             {% if countrySelect.languageCode == 'Es' %}
  272.                                 <img  class="imgOutilGratuit" src="{{ asset('images/outil-gratuit-4-es.jpeg') }}">
  273.                             {% else %}
  274.                                 <img  class="imgOutilGratuit" src="{{ asset('images/outil-gratuit-4-2.png') }}">
  275.                             {% endif %}
  276.                         </a>
  277.                     </div>
  278.                     <div class="text-center  col-md-2 col-6 p-0" style="margin-bottom: 20px;">
  279.                         <a  class="" href="{{ path('merch_pack_index') }}">
  280.                             {% if countrySelect.languageCode == 'Es' %}
  281.                                 <img  class="imgOutilGratuit" src="{{ asset('images/outil-gratuit-5-es.jpeg') }}">
  282.                             {% else %}
  283.                                 <img  class="" src="{{ asset('images/outil-gratuit-5.png') }}">
  284.                             {% endif %}
  285.                         </a>
  286.                     </div>
  287.                 </div>
  288.             </div>
  289.         </div>
  290.         <div class="container-fluid p-0">
  291.             <div class="row" style="position: relative">
  292.                 <div class="col-4 col-sm-3 col-xl-3 menu_left {% if app.request.attributes.get('_route') == 'accueil' or app.request.attributes.get('_route') == 'page_templates_20000' %}menu_left_home {% endif %}">
  293.                     <button type="button" id="sidebarCollapse" class="btn btn-info pr-0 pl-0 pt-2 ml-0 mt-0">
  294.                         <div class="livicon-evo" data-options="
  295.                             name: morph-menu-arrow-bottom.svg;
  296.                             style: lines;
  297.                             size: 34px;
  298.                             strokeColor: #000000;
  299.                             strokeColorAction: #000;
  300.                             repeat:loop;
  301.                             colorsOnHover: custom
  302.                         "></div>
  303.                     </button>
  304.                     <a class="nav-link logo2 pl-1" style="display: none;" href="{{ path('accueil') }}">
  305.                         <img src="{{ asset('images/logo_c2New.svg') }}">
  306.                     </a>
  307.                     <a class="nav-link logo" style="display: initial;" href="{{ path('accueil') }}">
  308.                         <img src="{{ asset('images/logo_c2New.svg') }}">
  309.                     </a>
  312.                 </div>
  313.                 <div class="menu_ps_mobile">
  316.                 </div>
  317.                 {% if app.request.attributes.get('_route') != 'accueil'  and  app.request.attributes.get('_route') != 'page_templates_20000' and  app.request.attributes.get('_route') != 'ai_docs_search' %}
  318.                     <div class="col-4 col-sm-5 col-xl-5 menu_center  {% if app.request.attributes.get('_route') == 'besoin_produits' %}besoin_produits_page{% endif %} {% if app.request.attributes.get('_route') == 'offre_B2B_2' or app.request.attributes.get('_route') == 'lab_copees' or app.request.attributes.get('_route') == 'product_option' or app.request.attributes.get('_route') == 'checkout' %}displayNoneMobile{% endif %}" style="{% if app.request.attributes.get('_route') == 'product_option' %}display:none;{% endif %}">
  319.                         <div class="form_cvho">
  320.                             <div class="form_center_velo_heure">
  321.                                 {% set sessionLivraison = getSessionLivraison() %}
  322.                                 <input type="text" id="addressLivHeader" value="{{ sessionLivraison.addresseAdresse }}" class="for_velo" placeholder="{{ "Saisissez une adresse de livraison"|trans }}">
  323.                                 <p class="heurLivGlobal" style="display: none"><span class="iconPictoEclair"><img src="{{ asset('images/time_header_livraison.svg') }}"></span><span id="heurLiv" class="for_heure" >{{ "À quelle heure ?"|trans }}</span></p>
  324.                                 <input type="hidden" id="latLivHeader" name="latLivHeader" value="{{ sessionLivraison.latAdresse }}">
  325.                                 <input type="hidden" id="longLivHeader" name="longLivHeader" value="{{ sessionLivraison.longiAdresse }}">
  326.                                 <input type="hidden" id="codePostalLivHeader" name="codePostalLivHeader" value="{{ sessionLivraison.postalcodeAdresse }}">
  327.                                 <input type="hidden" id="cityLivHeader" name="cityLivHeader" value="{{ sessionLivraison.cityAdresse }}">
  328.                                 <input type="hidden" id="countryLivHeader" name="countryLivHeader" value="{{ sessionLivraison.CountryLiv }}">
  329.                                 <input type="hidden" id="countryCodeLivHeader" name="countryCodeLivHeader" value="{{ sessionLivraison.CountryCodeLiv }}">
  330.                             </div>
  331.                             <div id="blockLivraisonInfo"></div>
  332.                         </div>
  333.                         <div class="form_cvhoMobile">
  334.                             <div class="adresseHeaderMobile">
  335.                                 <h3>
  336.                                     {{ sessionLivraison.addresseAdresse }}
  337.                                     {% set dataLivraisonArray = getDataLivraisonWithOrNotImprimeur() %}
  338.                                     {% if dataLivraisonArray.time %}
  339.                                         <br><span>À {{ dataLivraisonArray.time.time }}</span>
  340.                                     {% endif %}
  341.                                 </h3>
  343.                             </div>
  344.                             <div id="blockLivraisonInfoMobile"></div>
  345.                         </div>
  346.                     </div>
  347.                 {% endif %}
  348.                 {% if app.request.attributes.get('_route') == 'ai_docs_search' %}
  349.                     <div class="col-4 col-sm-5 col-xl-5 menu_center blocAiDocsSearchHeader" >
  350.                         <div class="">
  351.                             <input type="text" id="ai-docs-search-header" value="" class="" placeholder="Entreprise, N° Siret, Dirigeant, Mot-clé">
  352.                         </div>
  353.                     </div>
  354.                 {% endif %}
  355.                 <div class="{% if app.request.attributes.get('_route') == 'product_option' %}col-8 col-sm-8 col-xl-8  menu_right{% else%}col-4 col-sm-4 col-xl-4  menu_right{% endif%} {% if app.request.attributes.get('_route') == 'accueil'  or app.request.attributes.get('_route') == 'page_templates_20000'  %}menu_right_home {% endif %}">
  356.                     <div class="d-flex user_fax d-flex justify-content-end">
  357.                         <div class="user " style="position: relative">
  358.                             <a class="btn btn-primary" href="{{ path('contact_mobile') }}">
  359.                                 <div class=" bb_prof_btn_casque"><h4 {% if app.request.attributes.get('_route') == 'accueil' %}class="homeIconeCasque"{% endif %}></h4> </div>
  360.                             </a>
  361.                         </div>
  362.                         <div class="user userbb_prof1" style="position: relative">
  363.                             {% if app.request.attributes.get('_route') == 'accueil'   or app.request.attributes.get('_route') == 'page_templates_20000' %}
  364.                                 <a class="btn btn-primary" href="{{ path('offre_B2B_2') }}" id="outilGratuitBtn">
  365.                                     <div class="bb_prof bb_prof_btn_outilGratuit"><h4>{{ "Outils gratuits"|trans }}</h4> </div>
  366.                                 </a>
  367.                             {% else %}
  369.                             {% endif %}
  370.                         </div>
  371.                         <div class="user userbb_prof1" style="position: relative">
  372.                             {% if app.request.attributes.get('_route') == 'accueil'  or app.request.attributes.get('_route') == 'page_templates_20000' %}
  373.                                 <a class="btn btn-primary" href="{{ path('offre_B2B_2') }}" id="offreB2BBtn">
  374.                                     <div class="bb_prof bb_prof_btn_offre"><h4>{{ "Nos abonnements"|trans }}</h4> </div>
  375.                                 </a>
  376.                                 <div class="boxdefglobal" id="offreB2BBloc" style="display: none" data-show="0">
  377.                                     <div class="boxdefglobal1">
  378.                                         <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="position: relative;right: -15px;top: -2px;">
  379.                                             <span ></span>
  380.                                         </button>
  381.                                         <div class="partdef1">
  382.                                             <h2>{{ "Nos incroyables abonnements Plus et Business"|trans }}</h2>
  383.                                             <p>
  384.                                                 {{ "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>
  385.                                                 {{ "Une solution écologique, sans couts fixes en machine, en maintenance et en ressources humaines"|trans }}!<br>
  386.                                                 {{ "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 }}!
  387.                                                 ({{ "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>)
  388.                                             </p>
  389.                                             <div class="row">
  390.                                                 <div class="col-md-7">
  391.                                                     <p>{{ " le nombre d’impression en couleur" |trans }}</p>
  392.                                                     <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>
  393.                                                     <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>
  394.                                                     <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>
  395.                                                 </div>
  396.                                                 <div class="col-md-5">
  397.                                                     <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>
  398.                                                     <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>
  399.                                                 </div>
  400.                                             </div>
  401.                                         </div>
  402.                                         <div class="partdef2">
  403.                                             <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>
  404.                                         </div>
  405.                                         <div class="partdef3">
  406.                                             <h2><a href="https://api.copees.com/" style="color:#1E141F"  class="selectTagLinkBusinessOfferMenuGoogle" data-link-clicked="Notre incroyable API">{{ "Notre incroyable API"|trans }}</a></h2>
  407.                                             <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>
  408.                                         </div>
  409.                                     </div>
  410.                                 </div>
  411.                             {% else %}
  414.                             {% endif %}
  415.                         </div>
  416.                         <div class="user userbb_prof1" style="position: relative">
  417.                             {% if app.request.attributes.get('_route') == 'accueil'  or app.request.attributes.get('_route') == 'page_templates_20000' or app.request.attributes.get('_route') == 'ai_docs_search' %}
  419.                             {% else %}
  420.                                 {#                                <a class="btn btn-primary" href="#" id="searchProductMenuLoop">#}
  421.                                 {#                                    <div class="bb_prof mr-2">#}
  422.                                 {#                                        <img src="/images/bgchhomeLoop.svg" style="height: 24px;">#}
  423.                                 {#                                    </div>#}
  424.                                 {#                                </a>#}
  425.                                 <div class="searchProductMenuBloc" style="position: relative;" >
  426.                                     <input class="inputstyletop" type="text" id="searchProductMenu" style="cursor: pointer;" placeholder="{{ 'Trouvez votre produit livré gratuitement aujourd’hui'|trans|raw  }}">
  427.                                     <div class="close_result_head" id="close_result_product" style="cursor: pointer;position: absolute;right: 17px;top: 3px;display: none">
  428.                                         <img src="{{ asset('images/bg_closeh.png') }}">
  429.                                     </div>
  430.                                 </div>
  431.                                 <div class="collapse ipstresl " id="collapseProductMenu">
  432.                                     <div class="divSearchProductMenu">
  433.                                         <div id="divSearchProductMenu" style="min-height: 300px; display: none;max-height: 461px;overflow: auto;">
  435.                                         </div>
  436.                                     </div>
  437.                                 </div>
  438.                             {% endif %}
  439.                         </div>
  440.                         <div class="user">
  441.                             {% if ( app.request.attributes.get('_route') == 'accueil'  or app.request.attributes.get('_route') == 'page_templates_20000') and (checkIsAbonnementPro(app.user) or checkIsAbonnementProCart()) %}
  442.                                 <a class="btn btn-primary" href="{{ path('accueil_page_b2b') }}" id="">
  443.                                     <div class="bb_prof userbb_prof2">
  444.                                         <img src="{{ asset('images/profil_icone2.svg') }}">
  445.                                         <h4> {{ getNameAbonnementPro(app.user)|trans|raw }}</h4>
  446.                                     </div>
  447.                                 </a>
  448.                             {% else %}
  449.                                 <a class="btn btn-primary" {% if app.user %}href="#" id="btnUserHeader"{% else %}href="#" id="btnLoginHeader"{% endif %}>
  450.                                     <div class="bb_prof userbb_prof2" {% if app.request.attributes.get('_route') == 'accueil'  or app.request.attributes.get('_route') == 'page_templates_20000' %} {% else %}style="width: 20px;{% endif %}">
  451.                                         <img src="{{ asset('images/profil_icone2.svg') }}">
  452.                                         <h4> {% if app.request.attributes.get('_route') == 'accueil'  or app.request.attributes.get('_route') == 'page_templates_20000' %}{% if app.user %}{{ getNameAbonnementPro(app.user)|trans|raw }}{% else %}{{ "Se connecter"|trans }}{% endif %}{% endif %}</h4></div>
  453.                                 </a>
  454.                             {% endif %}
  455.                         </div>
  457.                         {#<div class="d-flex languageSelectBloc {% if app.request.attributes.get('_route') == 'accueil'  or app.request.attributes.get('_route') == 'page_templates_20000' %} {% else%}languageSelectBlocNotHome {% endif %}">#}
  458.                             {#<div class="f_family">#}
  459.                                 {#<a aria-controls="select_row_country_change" aria-expanded="false" role="button" href="#select_row_country_change" data-toggle="collapse" class="btn btn-primary collapsed">#}
  460.                                     {#<span style="" id="titreCountry">#}
  461.                                      {#{% if getCountrySelect()|length > 0 %}#}
  462.                                          {#{% set countrySelect = getCountrySelect()[0] %}#}
  463.                                          {#{{ countrySelect.languageCode }}#}
  464.                                      {#{% endif %}#}
  465.                                     {#</span>#}
  466.                                 {#</a>#}
  467.                                 {#<div class="collapse" id="select_row_country_change" style="">#}
  468.                                     {#<div class="row_select_ca02 row">#}
  469.                                         {#<div class="col-12 p-0">#}
  470.                                             {#<div class=" bx_global_radio taille_full" style="max-width: 100%;">#}
  471.                                                 {#{% for item in getCountrys() %}#}
  472.                                                     {#<div class="taille tailleSelect">#}
  473.                                                         {#<input value="{{ item.countryCode }}" data-id-language-code="{{ item.languageCode }}" type="radio" name="countryCode" class="select_countryCode" id="country{{ item.id }}" {% if app.session.get('countryCodeCopees') and app.session.get('countryCodeCopees') == item.countryCode %} checked="checked"{% endif %}>#}
  474.                                                         {#<label for="country{{ item.id }}" class="block taille ">{{ item.countryName|trans }}</label>#}
  475.                                                     {#</div>#}
  476.                                                 {#{% endfor %}#}
  477.                                             {#</div>#}
  478.                                         {#</div>#}
  479.                                     {#</div>#}
  480.                                 {#</div>#}
  481.                             {#</div>#}
  482.                         {#</div>#}
  484.                         {% if app.request.attributes.get('_route') != 'accueil'  and app.request.attributes.get('_route') != 'page_templates_20000' %}
  485.                             <a class="btn btn-primary btn_fax pr-1" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="true" aria-controls="collapseExample">
  486.                                 <div class="bb_pani">
  487.                                     <img src="{{ asset('images/panier_icone.svg') }}">
  488.                                     <div><span class="spanPanierNbr">{{ getNbrCart() }}</span></div>
  489.                                 </div>
  490.                             </a>
  491.                         {% else %}
  492.                             {% if app.user %}
  493.                                 <a class="btn btn-primary btn_fax pr-1 pl-0" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="true" aria-controls="collapseExample">
  494.                                     <div class="bb_pani">
  495.                                         <img src="{{ asset('images/panier_icone.svg') }}">
  496.                                         <div><span class="spanPanierNbr">{{ getNbrCart() }}</span></div>
  497.                                     </div>
  498.                                 </a>
  499.                             {% endif %}
  500.                         {% endif %}
  501.                         <div class="fax" id="cartBlock">
  502.                             {{ render(controller( "App\\Controller\\Front\\CartController::getBlock" )) }}
  503.                         </div>
  504.                     </div>
  505.                 </div>
  506.             </div>
  507.             {% if app.request.attributes.get('_route') == 'accueil' %}
  509.             {% endif %}
  510.             <div class="menugradient"></div>
  511.         </div>
  512.     </section>
  513. </header>
  515. {% if app.user %}
  516.     {% if checkAbonnementImpay(app.user) %}
  517.         <div>
  518.             <a href="{{ path('moyen_paiement_page_b2b') }}" style="display:block;background-color: #ff5758;padding: 10px;text-align: center;color:black;margin: auto;" class="health-measure-banner"><img style="margin-top: -5px;margin-right: 20px;" src="{{ asset('images/caution.png') }}">{{ "Malheureusement nous n\'avons pas pu débiter votre CB. Il vous suffit de cliquer sur ce message afin de changer votre mode de paiement."|trans }}</a>
  519.         </div>
  520.     {% endif %}
  521. {% endif %}
  523. <div class="modal fade" id="modalConditionGeneral" tabindex="-1" role="dialog" aria-labelledby="modalConditionGeneralLabel" style="display: none;" aria-hidden="true">
  524.     <div class="modal-dialog" role="document" style="max-width: 1000px;margin-top: 1.75rem;">
  525.         <div class="modal-content">
  526.             <div class="modal-header">
  527.                 <h5 class="modal-title" id="modalConditionGeneralLabel">{{ "conditions générales de ventes"|trans }}</h5>
  528.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  529.                     <span aria-hidden="true">×</span>
  530.                 </button>
  531.             </div>
  532.             {% include "page/cgvInclud.html.twig" %}
  533.             <p>{{ "Nouveau sur Copees.com ? Créez votre compte"|trans }} </p>
  534.         </div>
  535.     </div>
  536. </div>
  537. <input type="hidden" value="{{ isNotDesplayPointRetrait() }}" id="isNotDesplayPointRetrait">
  538. <div class="modal fade" id="modalConditionPointDeRetrait" tabindex="-1" role="dialog" aria-labelledby="modalConditionPointDeRetraitLabel" aria-hidden="true">
  539.     <div class="modal-dialog" role="document" style="max-width: 1000px;margin-top: 1.75rem;">
  540.         <div class="modal-content">
  541.             <div class="modal-header">
  542.                 <h5 class="modal-title logo text-center" id="modalConditionPointDeRetraitLabel">
  543.                     <img src="/images/logo.png">
  544.                 </h5>
  545.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  546.                     <span aria-hidden="true">×</span>
  547.                 </button>
  548.             </div>
  549.             <h5 class="text-center">{{ "Copees continue à vous livrer à domicile durant la crise sanitaire mais ne proposera plus le point retrait."|trans }}</h5>
  550.         </div>
  551.     </div>
  552. </div>
  553. <style>
  554.     /* Page content */
  555.     .content {
  556.         padding: 16px;
  557.     }
  559.     /* The sticky class is added to the navbar with JS when it reaches its scroll position */
  560.     .sticky {
  561.         position: fixed;
  562.         top: 0;
  563.         width: 100%;
  564.     }
  566.     /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
  567.     .sticky + .content {
  568.         padding-top: 60px;
  569.     }
  570. </style>
  571. <script src="https://maps.googleapis.com/maps/api/js?key={{ key_google_map }}&libraries=places"></script>