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