{% block stylesheets %}
<style>
.menu-banner:hover{
background: #e1b12c;
color: #FFFFFF;
padding-right: 10px;
padding-left: 10px;
}
.search-form button:hover{
background-color: #006266;
color: #FFFFFF;
opacity: 0.6;
transition: opacity 0.3s, border 0.3s
}
.activemenu{
background: #e1b12c;
color: #FFFFFF;
padding-right: 10px;
padding-left: 10px;
}
@media (max-width: 480px) {
.same-categ {
background-color: red ;
}
}
</style>
{% endblock %}
<header class="header-area header-style-1 header-style-5 header-height-2">
<div class="mobile-promotion">
<span><strong>Woezon !!! Vends et loue au calme</strong> </span>
</div>
<div class="header-middle header-middle-ptb-1 d-none d-lg-block">
<div class="container">
<div class="header-wrap">
<div class="logo logo-width-1">
<h1><span style="color: #e1b12c">228</span><span style="color: #006266">deals</span> </h1>
</div>
<div class="header-right">
<div class="search-style-2 search-form">
<form action="{{ path('app_home_search') }}" method="POST" style="border: 2px solid #006266">
<input type="hidden" name="token" value="{{ csrf_token('search-Token') }}"/>
<select class="select-active" name="categorie">
{% if searchCategorie is defined and searchCategorie is not null%}
<option value="{{ searchCategorie.id }}">{{ searchCategorie.libelle }}</option>
{% endif %}
<option value="0">Catégories</option>
{% for cat in categories %}
{% if cat.parent == null %}
<option value="{{ cat.id }}" >{{ cat.libelle }}</option>
{% for c in categories %}
{% if c.parent == cat %}
<option value="{{ c.id }}" style="font-size: small">{{ c.libelle }}</option>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
</select>
{% if searchVar is defined %}
<input type="text" name="search" placeholder="Rechercher d'un article un immeuble ou une voiture" value="{{ searchVar }}"/>
{% else %}
<input type="text" name="search" placeholder="Rechercher d'un article un immeuble ou une voiture"/>
{% endif %}
<button class="btn btn-primary " name="login" style="background-color: #e1b12c; color: #FFFFFF"><i class="fi-rs-search"></i></button>
</form>
</div>
<div class="header-action-right">
<div class="header-action-2">
<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>
{% if app.user %}
<div class="header-action-icon-2">
<a href="{{ path('app_vendor_home_index') }}"><span class="lable ml-0"> {{ app.user.nom }} {{ app.user.prenoms }}</span></a>
<div class="cart-dropdown-wrap cart-dropdown-hm2 account-dropdown">
<ul>
<li>
<a href="{{ path('app_vendor_home_index') }}"><i class="fi fi-rs-user mr-10"></i>Mon espace</a>
</li>
<li>
<a href="{{path('app_logout') }}"><i class="fi fi-rs-sign-out mr-10"></i>Deconnexion</a>
</li>
</ul>
</div>
</div>
{% else %}
<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>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-bottom header-bottom-bg-color sticky-bar">
<div class="container">
<div class="header-wrap header-space-between position-relative">
<div class="logo logo-width-1 d-block d-lg-none">
<h1><span style="color: #e1b12c">228</span><span style="color: #006266">deals</span> </h1>
</div>
<div class="header-nav d-none d-lg-flex">
<div class="main-menu main-menu-padding-1 main-menu-lh-2 d-none d-lg-block font-heading">
<nav>
<ul>
<li class="position-static">
<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>
<ul class="mega-menu">
{% for cat in categories %}
{% if cat.parent == null %}
<li class="sub-mega-menu sub-mega-menu-width-22">
<a class="menu-title" href="{{ path('app_home_search_slug_categorie',{slug: cat.slug} ) }}">{{ cat.libelle }}</a>
<ul>
{% for c in categories %}
{% if c.parent == cat %}
<li><a href="{{ path('app_home_search_slug_categorie',{slug: cat.slug} ) }}"> {{ c.libelle }}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
{% endif %}
{% endfor %}
<li class="sub-mega-menu sub-mega-menu-width-22 mt-20">
<div class="menu-banner-wrap">
<a href="shop-product-right.html"><img src="{{ asset('assets/imgs/deals/img-21.jpg')}}" alt="Nest" /></a>
</div>
</li>
</ul>
</li>
<li class="hot-deals menu-banner">
<a href="{{ path("app_home_index") }}" {% if app.request.get('_route') == 'app_home_index' %} class="activemenu"{% endif %}>Accueil</a>
</li>
<li class="menu-banner">
<a {% if app.request.get('_route') == 'app_immeubleindex' %} class="activemenu"{% endif %} href="{{ path("app_immeubleindex") }}">Immobilier <i class="fi-rs-angle-down"></i></a>
<ul class="sub-menu">
{% for c in categories %}
{% if c.parent != null and c.parent.code == "0Y8DV" %}
<li><a href="{{ path('app_immeublecategorie',{slugCategorie: c.slug} ) }}">{{ c.libelle }}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
<li class="menu-banner">
<a {% if app.request.get('_route') == 'app_vehiculeindex' %} class="activemenu"{% endif %} href="{{ path("app_vehiculeindex") }}">Vehicules <i class="fi-rs-angle-down"></i></a>
<ul class="sub-menu">
{% for c in categories %}
{% if c.parent != null and c.parent.code == "RTH1I" %}
<li><a href="{{ path('app_vehiculecategorie',{slugCategorie: c.slug} ) }}">{{ c.libelle }}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
<li class="menu-banner"><a href="{{path("app_apropos")}}"> A propos </a></li>
<li class="menu-banner">
<a href="{{ path("app_contact") }}"> Contactez-nous</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="hotline d-none d-lg-flex">
<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>
</div>
<div class="header-action-icon-2 d-block d-lg-none">
<div class="burger-icon burger-icon-white">
<span class="burger-icon-top"></span>
<span class="burger-icon-mid"></span>
<span class="burger-icon-bottom"></span>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="mobile-header-active mobile-header-wrapper-style">
<div class="mobile-header-wrapper-inner">
<div class="mobile-header-top">
<div class="mobile-header-logo">
<h1><span style="color: #e1b12c">228</span><span style="color: #006266">deals</span> </h1>
</div>
<div class="mobile-menu-close close-style-wrap close-style-position-inherit">
<button class="close-style search-close">
<i class="icon-top"></i>
<i class="icon-bottom"></i>
</button>
</div>
</div>
<div class="mobile-header-content-area">
<div class="mobile-search search-style-3 mobile-header-border">
<form action="{{ path('app_home_search') }}" method="POST">
<input type="hidden" name="token" value="{{ csrf_token('search-Token') }}"/>
{% if searchVar is defined %}
<input type="text" name="search" placeholder="Rechercher d'un article un immeuble ou une voiture" value="{{ searchVar }}"/>
{% else %}
<input type="text" name="search" placeholder="Rechercher d'un article un immeuble ou une voiture"/>
{% endif %}
<button type="submit" style="background-color: #e1b12c; color: #FFFFFF"><i class="fi-rs-search"></i></button>
</form>
</div>
<div class="mobile-menu-wrap mobile-header-border">
<!-- mobile menu start -->
<nav>
<ul class="mobile-menu font-heading">
<li class="menu-item-has-children">
<a href="{{ path("app_home_index") }}" {% if app.request.get('_route') == 'app_home_index' %} class=""{% endif %}>Accueil</a>
</li>
<li class="menu-item-has-children">
<a href="{{ path("app_immeubleindex") }}">Immobilier</a>
<ul class="dropdown">
{% for c in categories %}
{% if c.parent != null and c.parent.code == "0Y8DV" %}
<li><a href="{{ path('app_immeublecategorie',{slugCategorie: c.slug} ) }}">{{ c.libelle }}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
<li class="menu-item-has-children">
<a href="{{ path("app_vehiculeindex") }}">Vehicules</a>
<ul class="dropdown">
{% for c in categories %}
{% if c.parent != null and c.parent.code == "RTH1I" %}
<li><a href="{{ path('app_vehiculecategorie',{slugCategorie: c.slug} ) }}">{{ c.libelle }}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
<li class="menu-item-has-children">
<a href="{{path("app_apropos")}}">A propos</a>
</li>
<li class="#">
<a href="{{ path("app_contact") }}">Contactez-nous</a>
</li>
</ul>
</nav>
<!-- mobile menu end -->
</div>
<div class="mobile-header-info-wrap">
<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>
</div>
<div class="deal-top" id="deal-top">
<h6 class="mb-10 text-brand-1 text-center">Quelle est la catégorie de votre article?</h6>
<hr/>
</div>
<div class="deal-content detail-info" id="deal-content">
<a href="{{ path("app_immeubleadd") }}" class="btn btn-sm hover-up mr-2"> <i class="fi-rs-home"></i> Immo</a>
<a href="{{ path("app_vehiculeadd") }}" class="btn btn-sm hover-up mr-2"><i class="fi-rs-school-bus"></i> Vehicules </a>
<a href="{{ path("app_articleadd") }}" class="btn btn-sm hover-up"><i class="fi-rs-list"> Autres </i></a>
</div>
</div>
<div class="mobile-social-icon mb-50 ml-40">
<h6 class="mb-15">Suivez-nous</h6>
<a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-facebook-white.svg') }}" alt="" /></a>
<a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-instagram-white.svg') }}" alt="" /></a>
<a href="#"><img src="{{ asset('assets/imgs/theme/icons/icon-youtube-white.svg') }}" alt="" /></a>
</div>
<div class="site-copyright ml-40">Copyright 2022 © ALL4TIC. All rights reserved.</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade custom-modal" id="onloadModal2" tabindex="-1" aria-labelledby="onloadModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-body">
<div class="" style="">
<div class="deal-top">
<h6 class="mb-10 text-brand-1 text-center">Quelle est la catégorie de votre article?</h6>
<hr/>
</div>
<div class="deal-content detail-info text-center">
<a href="{{ path("app_immeubleadd") }}" class="btn btn-lg hover-up mr-20"> <i class="fi-rs-home"></i> Immobilier</a>
<a href="{{ path("app_vehiculeadd") }}" class="btn btn-lg hover-up mr-20"><i class="fi-rs-school-bus"></i> Vehicules </a>
<a href="{{ path("app_articleadd") }}" class="btn btn-lg hover-up"><i class="fi-rs-list"> Autres </i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#deal-top").hide();
$("#deal-content").hide();
$(".add-article").click(function (e) {
e.preventDefault();
$("#onloadModal2").modal("show");
});
$("#add-article-mobile").click(function(e){
e.preventDefault();
$("#deal-top").show();
$("#deal-content").show();
})
});
</script>