templates/top-header.html.twig line 1

Open in your IDE?
  1. {% block stylesheets %}
  2.     <style>
  3.         .menu-banner:hover{
  4.             background: #e1b12c;
  5.             color: #FFFFFF;
  6.             padding-right: 10px;
  7.             padding-left: 10px;
  9.         }
  10.         .search-form button:hover{
  11.             background-color:  #006266;
  12.             color: #FFFFFF;
  13.             opacity: 0.6;
  14.             transition: opacity 0.3s, border 0.3s
  15.         }
  16.         .activemenu{
  17.             background: #e1b12c;
  18.             color: #FFFFFF;
  19.             padding-right: 10px;
  20.             padding-left: 10px;
  21.         }
  22.         @media (max-width: 480px) {
  23.         .same-categ {
  24.         background-color: red ;
  25.         }
  26. }
  29.     </style>
  30. {% endblock %}
  32. <header class="header-area header-style-1 header-style-5 header-height-2">
  33.     <div class="mobile-promotion">
  34.         <span><strong>Woezon !!! Vends et loue au calme</strong> </span>
  35.     </div>
  36.     <div class="header-middle header-middle-ptb-1 d-none d-lg-block">
  37.         <div class="container">
  38.             <div class="header-wrap">
  39.                 <div class="logo logo-width-1">
  40.                     <h1><span style="color: #e1b12c">228</span><span style="color: #006266">deals</span> </h1>
  41.                 </div>
  42.                 <div class="header-right">
  43.                     <div class="search-style-2 search-form">
  44.                         <form action="{{ path('app_home_search') }}" method="POST" style="border: 2px solid #006266">
  45.                             <input type="hidden" name="token" value="{{ csrf_token('search-Token') }}"/>
  46.                             <select class="select-active" name="categorie">
  47.                                 {% if searchCategorie is defined and searchCategorie is not null%}
  48.                                     <option value="{{ searchCategorie.id }}">{{ searchCategorie.libelle }}</option>
  49.                                 {% endif %}
  50.                                 <option value="0">Catégories</option>
  51.                                 {%  for cat in categories %}
  52.                                     {% if cat.parent == null %}
  53.                                         <option value="{{ cat.id }}" >{{ cat.libelle }}</option>
  55.                                             {% for c in categories %}
  56.                                                 {% if c.parent == cat %}
  57.                                                     <option value="{{ c.id }}" style="font-size: small">{{ c.libelle }}</option>
  58.                                                 {% endif %}
  59.                                             {% endfor %}
  61.                                     {% endif %}
  62.                                 {% endfor %}
  63.                             </select>
  64.                             {% if searchVar is defined %}
  65.                                 <input type="text" name="search" placeholder="Rechercher  d'un article un immeuble ou une voiture" value="{{ searchVar }}"/>
  66.                             {% else %}
  67.                                 <input type="text" name="search" placeholder="Rechercher  d'un article un immeuble ou une voiture"/>
  68.                             {% endif %}
  70.                             <button class="btn btn-primary  " name="login" style="background-color: #e1b12c; color: #FFFFFF"><i class="fi-rs-search"></i></button>
  71.                         </form>
  72.                     </div>
  74.                     <div class="header-action-right">
  75.                         <div class="header-action-2">
  76.                                 <a href="{{ path('app_articleadd') }}"  class="btn btn-sm  text-white ml-10 add-article" style="font-size: medium"><i class="fi fi-rs-bell-ring mr-10"></i>Je loue Je vends</a>
  77.                             {% if app.user %}
  78.                             <div class="header-action-icon-2">
  79.                                 <a href="{{ path('app_vendor_home_index') }}"><span class="lable ml-0"> {{ app.user.nom  }}  {{ app.user.prenoms  }}</span></a>
  80.                                 <div class="cart-dropdown-wrap cart-dropdown-hm2 account-dropdown">
  81.                                     <ul>
  82.                                     <li>
  83.                                             <a href="{{ path('app_vendor_home_index') }}"><i class="fi fi-rs-user mr-10"></i>Mon espace</a>
  84.                                         </li>
  85.                                         
  87.                                         <li>
  88.                                             <a href="{{path('app_logout')  }}"><i class="fi fi-rs-sign-out mr-10"></i>Deconnexion</a>
  89.                                         </li>
  90.                                     </ul>
  91.                                 </div>
  92.                             </div>
  93.                             {% else %}
  94.                                 <a href="{{path('app_login')  }}" id="connexion" class="btn btn-sm  ml-10" style="color: #006266; background: #FFFFFF; border: 2px solid #006266; font-size: medium" ><i class="fi-rs-sign-in"></i> se connecter</a>
  95.                             {% endif %}
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     </div>
  102.     <div class="header-bottom header-bottom-bg-color sticky-bar">
  103.         <div class="container">
  104.             <div class="header-wrap header-space-between position-relative">
  105.                 <div class="logo logo-width-1 d-block d-lg-none">
  106.                     <h1><span style="color: #e1b12c">228</span><span style="color: #006266">deals</span> </h1>
  107.                 </div>
  108.                 <div class="header-nav d-none d-lg-flex">
  109.                     <div class="main-menu main-menu-padding-1 main-menu-lh-2 d-none d-lg-block font-heading">
  110.                         <nav>
  111.                             <ul>
  112.                                 <li class="position-static">
  113.                                     <a href="#" class="btn btn-lg"  style="background: #e1b12c; color: #FFFFFF"><span class="fi-rs-apps"></span> Catégories <i class="fi-rs-angle-down"></i></a>
  114.                                     <ul class="mega-menu">
  115.                                         {%  for cat in categories %}
  116.                                         {% if cat.parent == null %}
  117.                                         <li class="sub-mega-menu sub-mega-menu-width-22">
  118.                                             <a class="menu-title" href="{{ path('app_home_search_slug_categorie',{slug: cat.slug} ) }}">{{ cat.libelle }}</a>
  119.                                             <ul>
  120.                                                 {% for c in categories %}
  121.                                                     {% if c.parent == cat %}
  122.                                                         <li><a href="{{ path('app_home_search_slug_categorie',{slug: cat.slug} ) }}"> {{ c.libelle }}</a></li>
  123.                                                     {% endif %}
  124.                                                 {% endfor %}
  125.                                             </ul>
  126.                                         </li>
  127.                                        {% endif %}
  128.                                         {% endfor %}
  130.                                         <li class="sub-mega-menu sub-mega-menu-width-22 mt-20">
  131.                                             <div class="menu-banner-wrap">
  132.                                                 <a href="shop-product-right.html"><img src="{{ asset('assets/imgs/deals/img-21.jpg')}}" alt="Nest" /></a>
  134.                                             </div>
  135.                                         </li>
  136.                                     </ul>
  137.                                 </li>
  138.                                 <li class="hot-deals menu-banner">
  139.                                     <a href="{{ path("app_home_index") }}"  {% if app.request.get('_route') == 'app_home_index' %} class="activemenu"{% endif %}>Accueil</a>
  140.                                 </li>
  141.                                 <li class="menu-banner">
  142.                                     <a  {% if app.request.get('_route') == 'app_immeubleindex' %} class="activemenu"{% endif %} href="{{ path("app_immeubleindex") }}">Immobilier <i class="fi-rs-angle-down"></i></a>
  143.                                     <ul class="sub-menu">
  145.                                         {% for c in categories %}
  146.                                             {% if  c.parent != null and  c.parent.code == "0Y8DV" %}
  147.                                                 <li><a href="{{ path('app_immeublecategorie',{slugCategorie: c.slug} ) }}">{{ c.libelle }}</a></li>
  148.                                             {% endif %}
  149.                                         {% endfor %}
  150.                                     </ul>
  151.                                 </li>
  152.                                 <li class="menu-banner">
  153.                                     <a {% if app.request.get('_route') == 'app_vehiculeindex' %} class="activemenu"{% endif %} href="{{ path("app_vehiculeindex") }}">Vehicules <i class="fi-rs-angle-down"></i></a>
  154.                                     <ul class="sub-menu">
  157.                                         {% for c in categories %}
  158.                                             {% if  c.parent != null and  c.parent.code == "RTH1I" %}
  159.                                                 <li><a href="{{ path('app_vehiculecategorie',{slugCategorie: c.slug} ) }}">{{ c.libelle }}</a></li>
  160.                                             {% endif %}
  161.                                         {% endfor %}
  162.                                     </ul>
  163.                                 </li>
  164.                 
  165.                                 <li class="menu-banner"><a href="{{path("app_apropos")}}"> A propos </a></li>
  166.                                 <li class="menu-banner">
  167.                                     <a href="{{ path("app_contact") }}"> Contactez-nous</a>
  168.                                 </li>
  169.                                
  170.                             </ul>
  171.                        
  172.                         </nav>
  173.                     </div>  
  174.                 </div>
  175.                 <div class="hotline d-none d-lg-flex">
  176.                         
  177.                         <p class="border-radius-5"  style="background-color: #e1b12c; " >  <a href="{{ path('app_boutiques') }}"  class="btn btn-sm  text-white ml-10" style="font-size: medium; background-color: #e1b12c; color:#FFFFFF"><i class="fi fi-rs-list mr-10"></i>Les boutiques</a></p>
  178.                     </div>
  179.                 <div class="header-action-icon-2 d-block d-lg-none">
  180.                     <div class="burger-icon burger-icon-white">
  181.                         <span class="burger-icon-top"></span>
  182.                         <span class="burger-icon-mid"></span>
  183.                         <span class="burger-icon-bottom"></span>
  184.                     </div>
  185.                 </div>
  186.                
  187.             </div>
  188.         </div>
  189.     </div>
  190. </header>
  191. <div class="mobile-header-active mobile-header-wrapper-style">
  192.     <div class="mobile-header-wrapper-inner">
  193.         <div class="mobile-header-top">
  194.             <div class="mobile-header-logo">
  195.                <h1><span style="color: #e1b12c">228</span><span style="color: #006266">deals</span> </h1>
  196.             </div>
  197.             <div class="mobile-menu-close close-style-wrap close-style-position-inherit">
  198.                 <button class="close-style search-close">
  199.                     <i class="icon-top"></i>
  200.                     <i class="icon-bottom"></i>
  201.                 </button>
  202.             </div>
  203.         </div>
  204.         <div class="mobile-header-content-area">
  205.             <div class="mobile-search search-style-3 mobile-header-border">
  206.                 <form action="{{ path('app_home_search') }}" method="POST">
  207.                 <input type="hidden" name="token" value="{{ csrf_token('search-Token') }}"/>
  208.                    
  209.                      {% if searchVar is defined %}
  210.                                 <input type="text" name="search" placeholder="Rechercher  d'un article un immeuble ou une voiture" value="{{ searchVar }}"/>
  211.                             {% else %}
  212.                                 <input type="text" name="search" placeholder="Rechercher  d'un article un immeuble ou une voiture"/>
  213.                             {% endif %}
  215.                     <button type="submit" style="background-color: #e1b12c; color: #FFFFFF"><i class="fi-rs-search"></i></button>
  216.                 </form>
  217.             </div>
  218.             <div class="mobile-menu-wrap mobile-header-border">
  219.                 <!-- mobile menu start -->
  220.                 <nav>
  221.                     <ul class="mobile-menu font-heading">
  222.                         <li class="menu-item-has-children">
  223.                              <a href="{{ path("app_home_index") }}"  {% if app.request.get('_route') == 'app_home_index' %} class=""{% endif %}>Accueil</a>
  224.                         
  225.                         </li>
  226.                         <li class="menu-item-has-children">
  227.                             <a href="{{ path("app_immeubleindex") }}">Immobilier</a>
  228.                             <ul class="dropdown">
  229.                                  {% for c in categories %}
  230.                                             {% if  c.parent != null and  c.parent.code == "0Y8DV" %}
  231.                                                 <li><a href="{{ path('app_immeublecategorie',{slugCategorie: c.slug} ) }}">{{ c.libelle }}</a></li>
  232.                                             {% endif %}
  233.                                 {% endfor %}
  234.                                 
  235.                             </ul>
  236.                         </li>
  237.                         <li class="menu-item-has-children">
  238.                             <a href="{{ path("app_vehiculeindex") }}">Vehicules</a>
  239.                             <ul class="dropdown">
  240.                                 {% for c in categories %}
  241.                                             {% if  c.parent != null and  c.parent.code == "RTH1I" %}
  242.                                                 <li><a href="{{ path('app_vehiculecategorie',{slugCategorie: c.slug} ) }}">{{ c.libelle }}</a></li>
  243.                                             {% endif %}
  244.                                 {% endfor %}
  245.                             </ul>
  246.                         </li>
  247.                         <li class="menu-item-has-children">
  248.                             <a href="{{path("app_apropos")}}">A propos</a>
  249.                         </li>
  250.                         <li class="#">
  251.                             <a href="{{ path("app_contact") }}">Contactez-nous</a>
  252.                         
  253.                         </li>
  254.                 
  255.                     </ul>
  256.                 </nav>
  257.                 <!-- mobile menu end -->
  258.             </div>
  259.             <div class="mobile-header-info-wrap">
  260.                 <a href="{{ path('app_articleadd') }}" id="add-article-mobile"  class="btn btn-sm  text-white ml-10" style="font-size: medium"><i class="fi fi-rs-bell-ring mr-10"></i>Je loue Je vends</a>
  261.             </div>
  262.             <div class="deal-top" id="deal-top">
  263.                     <h6 class="mb-10 text-brand-1 text-center">Quelle est la catégorie de votre article?</h6>
  264.                     <hr/>
  265.                 </div>
  266.                 <div class="deal-content detail-info" id="deal-content">
  267.                     <a href="{{ path("app_immeubleadd") }}" class="btn btn-sm hover-up mr-2"> <i class="fi-rs-home"></i> Immo</a>
  268.                     <a href="{{ path("app_vehiculeadd") }}" class="btn btn-sm hover-up mr-2"><i class="fi-rs-school-bus"></i> Vehicules </a>
  269.                     <a href="{{ path("app_articleadd") }}" class="btn btn-sm hover-up"><i class="fi-rs-list"> Autres </i></a>
  270.                 </div>
  271.             </div>
  273.             <div class="mobile-social-icon mb-50 ml-40">
  274.                 <h6 class="mb-15">Suivez-nous</h6>
  275.               <a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-facebook-white.svg') }}" alt="" /></a>
  276.                     <a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-instagram-white.svg') }}" alt="" /></a>
  277.                     <a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-youtube-white.svg') }}" alt="" /></a>
  278.             </div>
  279.             <div class="site-copyright ml-40">Copyright 2022 © ALL4TIC. All rights reserved.</div>
  280.         </div>
  281.     </div>
  282. </div>
  284. <!-- Modal -->
  285. <div class="modal fade custom-modal" id="onloadModal2" tabindex="-1" aria-labelledby="onloadModalLabel" aria-hidden="true">
  286.     <div class="modal-dialog">
  287.         <div class="modal-content">
  288.             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  289.             <div class="modal-body">
  290.                 <div class="" style="">
  291.                     <div class="deal-top">
  292.                         <h6 class="mb-10 text-brand-1 text-center">Quelle est la catégorie de votre article?</h6>
  293.                         <hr/>
  294.                     </div>
  295.                     <div class="deal-content detail-info text-center">
  296.                         <a href="{{ path("app_immeubleadd") }}" class="btn btn-lg hover-up mr-20"> <i class="fi-rs-home"></i> Immobilier</a>
  297.                         <a href="{{ path("app_vehiculeadd") }}" class="btn btn-lg hover-up mr-20"><i class="fi-rs-school-bus"></i> Vehicules </a>
  298.                         <a href="{{ path("app_articleadd") }}" class="btn btn-lg hover-up"><i class="fi-rs-list"> Autres </i></a>
  299.                     </div>
  300.                 </div>
  301.             </div>
  302.         </div>
  303.     </div>
  304. </div>
  306. <script type="text/javascript">
  307.     $(document).ready(function(){
  308.         $("#deal-top").hide();
  309.         $("#deal-content").hide();
  310.        $(".add-article").click(function (e) {
  311.            e.preventDefault();
  312.            $("#onloadModal2").modal("show");
  313.        });
  314.        $("#add-article-mobile").click(function(e){
  315.         e.preventDefault();
  316.         $("#deal-top").show();
  317.          $("#deal-content").show();
  318.        })
  319.     });
  320. </script>