templates/Accueil/header.html.twig line 1

Open in your IDE?
  1. {#
  2. /*
  3.  * Autheur:Chkioua Maha
  4.  * Email:chkiouamaha@gmail.com
  5.  * Date de création :13/12/2019
  6.  * Date de modification: 
  7.  * Description:Header Layout accueil
  8.  *
  9. */#}
  11. <!-- header-start -->
  13. <header>
  14.     <div class="filtreListe" ></div>
  15.     <div class="header-area topHeader-area ">
  16.         <div class="header-top_area topHeader d-none d-lg-block">
  17.             <div class="container content_topHeader">
  18.                 <div class="topHeader_right">
  19.                     <div class="{#short_contact_list#} contentTopHeader_right">
  20.                         <ul class="list-inline">
  21.                    <li class="list-inline-item topHeader_Link">
  22.                                 <a class="row no-margin Link_Espace" href="{{path('app_back_Acommpa')}}">
  23.                                     <div  class="col-xl-2 col-md-2 col-xs-2 no-padding Link_EspaceImageAccompagateur">  <img class="imgEspaceAcc" src="{{ asset('Accueil/imagesAccueil/flecheAccompagnateur.svg')}}" ></div>
  24.                                     <div class="col-xl-10 col-md-10 col-xs-10 no-padding Link_EspaceTexte">   Vous êtes <br/> accompagnateur</div>
  25.                                 </a>
  26.                             </li>
  27.                             <li class="list-inline-item topHeader_Link">
  28.                                 <a class="row no-margin Link_Espace " href="{{path('app_back_Parent')}}">
  29.                                     <div class="col-xl-2 col-md-2 col-xs-2 no-padding Link_EspaceImagePartenaire">   <img class="imgEspacePart" src="{{ asset('Accueil/imagesAccueil/WaletParents.png')}}" style="width:27px;height:20px"> </div>
  30.                                     <div class="col-xl-10 col-md-10 col-xs-10 no-padding Link_EspaceTexte">   Vous êtes <br/> parent</div>
  31.                                 </a>
  32.                             </li>
  33.                            
  34.                         </ul>
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.         </div>
  39.         <div id="sticky-header" class="main-header-area mainTopHeader">
  40.             <div class="container content_mainTopHeader">
  41.                 <div class="header_bottom_border">
  42.                     <div class="row no-margin align-items-center">
  43.                         <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 no-padding">
  44.                             <div class="logo" >
  45.                                 <a href="/">
  46.                                     <img class="imageLogo" src="{{ asset ('Accueil/imagesAccueil/logoHeader.svg')}}" >
  47.                                 </a>
  48.                                 <a href="/">
  49.                                     <img class="imageLogowhite" src="{{ asset ('/images/Accompagnateur/Logo5Sur5White.png')}}" >
  50.                                 </a>
  51.                             </div>
  52.                         </div>
  53.                         <div class="col-xl-10 col-lg-10 col-md-10 no-padding">
  54.                             <div class="main-menu mainMenuLeft  d-none d-lg-block">
  55.                                 <nav>
  56.                                     <ul  class="list-inline row no-margin"  id="navigation" style ="cursor:pointer">
  57.                                         <li class="surweb list-inline-item btn_mainMenu col-md-1 no-padding btnSejourLeft" onclick="displayDD($(this));">
  58.                                             <a class="" href="{{path('sur5')}}" >
  59.                                                 <img class="btnMenu_Img" src="{{ asset('Accueil/imagesAccueil/Sejour.svg')}}" >
  60.                                                 <h3 class="textBtnManuLeft text5sur5 trait1"> 5SUR5 séjour </h3>
  61.                                             </a>
  62.                     
  63.                                         </li>
  64.                                         <li class="surweb list-inline-item btn_mainMenu col-xl-1  col-md-2 prd no-padding Space" onclick="displayDD($(this));">
  67.                                             <a  href="#" class="">
  68.                                                 <img class="btnMenu_Img imgBtnPrd"  src="{{ asset('Accueil/imagesAccueil/produits.svg')}}" >
  69.                                                 <h3 class="textBtnManuLeft txtBtnPrd trait2">Nos produits </h3>
  70.                                             </a>
  73.                                             <ul class="submenu DD_nosPrd">
  74.                                                 {% for produit in produit %}
  75.                                                     {% if produit.labeleType!="Connexion" %}
  76.                                                         <li class="ligne_nodPrd" >
  78.                                                             <a class="link_nosPrd"  {% if app.user %}  onclick='location.href="{{path('albumParent',{'id':produit.labeleType})}}"' {% else %}  onclick='location.href="{{path('album',{'id':produit.labeleType})}}"'{% endif %} onclick="showSlidePreci('{{produit.labeleType}}')">{{produit.labeleType}}</a>
  79.                                                         </li>
  80.                                                     {% endif %}
  81.                                                 {% endfor %}
  82.                                             </ul>
  84.                                         </li>
  85.                                        <li class=" surmobile list-inline-item btn_mainMenu col-md-1 no-padding btnSejourLeft" onclick="displayDD($(this));">
  86.                                             <a class="" href="{{path('sur5')}}" >
  87.                                                 <img class="btnMenu_Img"  href="{{path('sur5')}}" src="{{ asset('Accueil/imagesAccueil/Sejour.svg')}}" >
  88.                                                 <h3 class="textBtnManuLeft  text5sur5" href="{{path('sur5')}}">  5/5 séjour </h3>
  89.                                             </a>
  90.                                            
  91.                                         </li>
  92.                                         <li class=" surmobile list-inline-item btn_mainMenu col-xl-1  col-md-2 prd no-padding Space" onclick="displayDD($(this));">
  94.                                             <a href="{{path('album',{'id':'ALL'})}}" class="">
  95.                                                 <img class="btnMenu_Img imgBtnPrd" src="{{ asset('Accueil/imagesAccueil/produits.svg')}}" >
  96.                                                 <h3 class="textBtnManuLeft txtBtnPrd"> Nos produits </h3>
  97.                                             </a>
  100.                                         </li>
  101.                                         {% if app.user %}
  103.                                          <li class="list-inline-item btn_mainMenu col-xl-1 col-md-2  no-padding Space" style="display:none">
  104.                                             <a class="" {% if app.user %}href="{{path('AccueilParent')}}"{% else %} style="visibility :visible ;" {% endif %} >
  106.                                                 <img class="btnMenu_Img imgBtnSnSej" src="{{ asset('Accueil/imagesAccueil/son_sejour.svg')}}" >
  107.                                                 <h3 class="textBtnManuLeft txtBtnSnSej"> Son Séjour </h3>
  108.                                             </a>
  109.                                         </li>
  110.                                         {% else %}
  112.                                          <li style="display:none" class="list-inline-item btn_mainMenu col-xl-1 col-md-2  no-padding  Space "  style="display:hidden;max-width: 10.5% ;flex: 0 0 10.5%">
  113.                                             <a class="" {% if app.user %}href="{{path('AccueilParent')}}"{% else %} style="visibility:hidden;" {% endif %} >
  114.                                                 <img class="btnMenu_Img imgBtnSnSej" src="{{ asset('Accueil/imagesAccueil/son_sejour.svg')}}" >
  115.                                                 <h3 class="textBtnManuLeft txtBtnSnSej"> Son Séjour </h3>
  116.                                             </a>
  117.                                         </li>
  118.                                         {% endif %}
  120.                                         <li  class="list-inline-item btn_mainMenu btn_MenuService  col-md-2 no-padding  " >
  121.                                             {% if app.user %} <a href="{{path('Besoindaide_Parent')}}"> {% else %}<a href="{{path('Besoindaide')}}">{% endif %}
  122.                                                 <img class="imageHeadRight" src="{{ asset('Accueil/imagesAccueil/serviceClient.svg')}}" >
  123.                                                 <h3 class="texteHeadRight texteHeadRight1"> Besoin d’aide   </h3>
  124.                                             </a>
  125.                                         </li>
  126.                                         <li class="list-inline-item btn_mainMenu  col-md-2 no-padding btn_MenuServiceAide">
  127.                                             {% if app.user %}<a href="{{path('ServiceClient_Parent')}}"> {% else %} <a href="{{path('ServiceClient')}}">{% endif %}
  128.                                                 <img class="imageHeadRight image_btnAide" src="{{ asset('Accueil/imagesAccueil/aide.svg')}}" >
  129.                                                 <h3 class="texteHeadRight texteHeadRight2"> Service Client</h3>
  130.                                             </a>
  131.                                         </li>
  132.                                          {% if app.user %}<div style="display:none">
  133.                                                    {% if not is_granted('ROLE_ADMIN') %}
  134.                                             <li class="list-inline-item col-xl-1  btn_MenuService" style="visibility: visible;padding:0;flex: 0 0 12.333333%;max-width: 10.333333%;">
  135.                                                 <a href="#"  onclick='location.href = "{{path('MonPanier')}}";'>
  136.                                                     <img class="imageHeadRight image_btnPanier" src="{{ asset('Accueil/imagesAccueil/panier.svg')}}" >
  137.                                                     <h3 class="texteHeadRight"> Mon panier </h3>
  138.                                                     <label class="nbrpanier" style="background-color: #41a2aa;cursor: pointer;font-size: 12px;width: 25px;height: 21px;border-radius: 25px;color: #fff;position: absolute;top: 10px;">{{Products|length}}</label>
  139.                                                 </a>
  140.                                             </li>
  141.                                             <li class="list-inline-item  btn_Compte col-xl-1  " onclick="displayDD($(this));" style="visibility: visible;flex: 0 0 13.333333%;max-width: 13.333333%;"> 
  142.                                                 <a class="" href="#">
  143.                                                     <img class="imageHeadRight" src="{{ asset('/Accueil/imagesAccueil/compte.svg')}}" > 
  144.                                                     <h3 class="texteHeadRigh" style="font-size: 11px;"> Mon compte </h3>
  145.                                                 </a>
  146.                                                 <ul class="submenu DD_nosPrd2" style="position: absolute !important;right: -54px !important;top: 100% !important;background: #fff !important;width: 164px !important;z-index: 2 !important;box-shadow: 3 0 10px rgba(0, 0, 0, 0.02) !important;opacity: 0;visibility: hidden;text-align: left!important;-webkit-transition: 0.6s !important;-moz-transition: 0.6s !important;-o-transition: 0.6s !important;transition: 0.1s !important;">
  147.                                                     <li class="ligne_compte"><a class="link_compte"   onclick='location.href = "{{path('projet-Parent')}}";' >  <img class="imgLienDrop" src="{{ asset('Accueil/imagesAccueil/prjSauv.svg')}}" >Mes projets sauvegardés</a></li>
  149.                                                     <li class="ligne_compte"><a class="link_compte"  onclick='location.href = "{{path('SejourParent')}}";'><img class="imgLienDrop" src="{{ asset('Accueil/imagesAccueil/msgCpt.svg')}}" >Mes séjours</a></li>
  151.                                                     <li class="ligne_compte"><a class="link_compte"   onclick='location.href = "{{path('ParametresParent')}}";' ><img class="imgLienDrop" src="{{ asset('Accueil/imagesAccueil/parCpt.svg')}}" >Mes paramètres</a></li>
  152.                                                     <li class="ligne_compte"><a class="link_compte"   onclick='location.href = "{{path('interfaceUpdatePassorwdParent')}}";' ><img class="imgLienDrop" src="{{ asset('Accueil/imagesAccueil/compte.svg')}}" >Modifier mot de passe</a></li>
  154.                                                     <li class="ligne_compte"><a class="link_compte" onclick='location.href = "{{path('Besoindaide_Parent')}}";' <img class="imgLienDrop" src="{{ asset('Accueil/imagesAccueil/faqCpt.svg')}}" >FAQ</a></li>
  155.                                                     <li class="ligne_compte"><a class="link_compte" href="/logout" style ="font-weight:700;">Me déconnecter</a></li>                                           
  156.                                                 </ul>
  157.                                             </li> 
  158.                                             {% else %}
  159.                                             <li class="list-inline-item col-xl-1  btn_MenuService" style="visibility: hidden;position: relative;text-align: center;margin: 0;max-height: 84.77px;padding: 14px 0;flex: 0 0 12.333333%;max-width: 10.333333%;">
  160.                                                 <a href="#"  onclick='location.href = "{{path('MonPanier')}}";'>
  161.                                                     <img class="imageHeadRight image_btnPanier" src="{{ asset('Accueil/imagesAccueil/panier.svg')}}" >
  162.                                                     <h3 class="texteHeadRight"> Mon panier </h3>
  163.                                                     <label class="nbrpanier">{#{{Products|length}}#}</label>
  164.                                                 </a>
  165.                                             </li>
  166.                                             <li class="list-inline-item  btn_Compte col-xl-1  " onclick="displayDD($(this));" style="visibility: hidden;position: relative;text-align: center;margin: 0;max-height: 84.77px;padding: 14px 0px;flex: 0 0 12.333333%;max-width: 11.333333%;"> 
  167.                                                 <a class="" href="#">
  168.                                                     <img class="imageHeadRight" src="{{ asset('/Accueil/imagesAccueil/compte.svg')}}" > 
  169.                                                     <h3 class="texteHeadRigh" style="font-size: 11px;"> Mon compte </h3>
  170.                                                 </a>
  171.                                                 <ul class="submenu DD_nosPrd2">
  172.                                                     <li class="ligne_compte"><a class="link_compte"   onclick='location.href = "{{path('projet-Parent')}}";' >  <img class="imgLienDrop" src="{{ asset('Accueil/imagesAccueil/prjSauv.svg')}}" >Mes projets sauvegardés</a></li>
  174.                                                     <li class="ligne_compte"><a class="link_compte"  onclick='location.href = "{{path('SejourParent')}}";'><img class="imgLienDrop" src="{{ asset('Accueil/imagesAccueil/msgCpt.svg')}}" >Mes séjours</a></li>
  176.                                                     <li class="ligne_compte"><a class="link_compte"   onclick='location.href = "{{path('ParametresParent')}}";' ><img class="imgLienDrop" src="{{ asset('Accueil/imagesAccueil/parCpt.svg')}}" >Mes paramètres</a></li>
  177.                                                     <li class="ligne_compte"><a class="link_compte"   onclick='location.href = "{{path('interfaceUpdatePassorwdParent')}}";' ><img class="imgLienDrop" src="{{ asset('Accueil/imagesAccueil/compte.svg')}}" >Modifier mot de passe</a></li>
  179.                                                     <li class="ligne_compte"><a class="link_compte" onclick='location.href = "{{path('Besoindaide_Parent')}}";'><img class="imgLienDrop" src="{{ asset('Accueil/imagesAccueil/faqCpt.svg')}}" >FAQ</a></li>
  180.                                                     <li class="ligne_compte"><a class="link_compte" href="/logout" style ="font-weight:700;">Me déconnecter</a></li>                                           
  181.                                                 </ul>
  182.                                             </li> 
  183.                                               {% endif %} 
  184.                                               </div>
  185.                                         {% endif %} 
  186.                                         {#  <li class="list-inline-item  col-md-2  btnPanier_headRight">
  187.                                               <a>
  188.                                                   <img class="imageHeadRight image_btnPanier" src="{{ asset('Accueil/imagesAccueil/panier.svg')}}" >
  189.                                                   <h3 class="texteHeadRight"> Mon panier </h3>
  190.                                               </a>
  191.                                           </li>
  192.                                           <li class="list-inline-item  btn_Compte   ">
  193.                                               <a class="" >
  194.                                                   <img class="imageHeadRight" src="{{ asset('Accueil/imagesAccueil/compte.svg')}}" >
  195.                                                   <h3 class="texteHeadRigh "> Mon compte </h3>
  196.                                               </a>
  198.                                           </li> #}
  199.                                     </ul>
  200.                                 </nav>
  201.                             </div>
  202.                         </div>
  203.                         <div class="col-12">
  204.                             <div class="mobile_menu d-block d-lg-none"></div>
  205.                         </div>
  206.                     </div>
  207.                 </div>
  209.             </div>
  210.         </div>
  211.     </div>
  212. </header>
  213. <!-- header-end -->