<div class="header" style="position: fixed;width:100%;top:0;z-index:89">
<div class="col-lg-12 col-md-12">
<div class="classHeader row">
<div
class="row col-lg-8">
<!-- navigations -->
<div class="header-logo">
<a href="{{ path('front_home') }}"><img src="{{ asset('images/logo noir.png') }}" alt="Logo Providders" style="width:140px;margin-top:-13px;margin-bottom:-10px"></a>
</div>
<div id="navigation" class="" style="display: flex ; flex-direction: column">
<ul class="align-items-center ml-4">
<li>
<a href="{{ path('front_home') }}" title="Accueil Providders" {% if app.request.attributes.get('_route') == 'front_home' %} style="color:#EB5B20" {% endif %}>Accueil</a>
</li>
<li id="idPrestataires">
<a href="{{ path('front_company_list') }}" title="Prestataires" {% if app.request.attributes.get('_route') == 'front_company_list' %} style="color:#EB5B20" {% endif %}>Prestataires</a>
<div id="dropDownPrestataires" class="dropDownMenu">
<div class="container-dropDownMenu">
{% for company in filter_service.getCompany()|slice(0, 5) %}
{% set proucts = filter_service.getPhotounProductsCompany(company)%}
{% if proucts is not empty %}
{% set prods = proucts %}
<div class="oneMenu">
{% for product in prods %}
<a href="{{ path('front_company_single', {'companySlug': company.companySlug, 'id': company.id}) }}">
{% if product.photos is not empty %}
<img class="imgMenu" src="{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR')) ~ product.photos.first.url }}" alt="{{ product.name }}">
{% else %}
<img class="imgMenu" src="{{ asset('upload/produits/defaultProduct2.jpg')}}" alt="">
{% endif %}
<p>{{product.company.companyName}}</p>
</a>
{% endfor %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</li>
<li id="idServices">
<a href="{{ path('front_product_products') }}" title="Services" {% if app.request.attributes.get('_route') == 'front_product_products' %} style="color:#EB5B20" {% endif %}>Services</a>
<div id="dropDownServices" class="dropDownMenu">
<div class="container-dropDownMenu">
{% for category in filter_service.getSubcategories()|slice(0, 5) %}
<div class="oneMenu">
<a href="{{ path('front_product_category_events', {'subCategorySlug': category.subCategorySlug}) }}">
<img class="imgMenu" src="{{ asset(constant('App\\Services\\File::IMAGE_CATEGORY_DIR') ~ category.image) }}" alt="">
<p>{{ category.name }}</p>
</a>
</div>
{% endfor %}
</div>
</div>
</li>
<li>
<a href="{{ path('front_article_list') }}" title="Articles" {% if app.request.attributes.get('_route') == 'front_article_list' %} style="color:#EB5B20" {% endif %}>Articles</a>
</li>
<li>
<a href="{{ path('front_blog_list') }}" title="blog" {% if app.request.attributes.get('_route') == 'front_blog_list' %} style="color:#EB5B20" {% endif %}>Blog</a>
</li>
{# <li><a href="{{ path('client_depeau_annonce') }}" title="annonce" {% if app.request.attributes.get('_route') == 'client_depeau_annonce' %}style="color:#EB5B20"{% endif %}>Annonces</a></li> #}
<li>
<a href="{{ path('front_contact') }}" title="contact" {% if app.request.attributes.get('_route') == 'front_contact' %} style="color:#EB5B20" {% endif %}>Contact</a>
</li>
<li>
<a href="#" title="search" id="link_search" style="color:black">
<i class="fas fa-search"></i>
</a>
</li>
</ul>
</div>
<!-- /.navigations #4CB8A3 #EB5B20 -->
</div>
<div
class="col-lg-4 d-xl-block d-lg-block p-0">
<!-- header-btn -->
<div class="header-btn">
<div class="row">
{% if app.user and is_granted("ROLE_ADMIN") %}
<a href="{{ path('admin_dashboard') }}" class="btn btn-sm ml-2 text-center d-flex justify-content-center align-items-center">
<i class="fas fa-user mr-1" style="font-size:1.3em;color:#4CB8A3 "></i>
Administration</a>
{% elseif app.user and is_granted("ROLE_ADMIN_LIMITED") %}
<a href="{{ path('admin_user_list') }}" class="btn btn-sm ml-2 text-center d-flex justify-content-center align-items-center">
<i class="fas fa-user mr-1" style="font-size:1.3em;color:#4CB8A3 "></i>
Administration</a>
{% elseif app.user and is_granted("ROLE_ENTERPRISE") %}
<a href="{{ path('front_company_space_dashboard') }}" class="btn btn-sm ml-2 text-center d-flex justify-content-center align-items-center">
<i class="fas fa-user mr-1" style="font-size:1.3em;color:#4CB8A3 "></i>
Compte Prestataire</a>
{% elseif app.user and is_granted("ROLE_USER") %}
<a href="{{ path('front_client_space_dashboard') }}" class="btn btn-sm ml-2 text-center d-flex justify-content-center align-items-center">
<i class="fas fa-user mr-1" style="font-size:1.3em;color:#4CB8A3 "></i>
{{ app.user.firstName }}
{{ app.user.lastName }}</a>
{% else %}
<a href="{{ path('app_login') }}" class="btn btn-sm ml-2 text-center d-flex justify-content-center align-items-center">
<i class="fas fa-user mr-1" style="font-size:1.3em;color:#4CB8A3 "></i>
Accès Client</a>
{% endif %}
{% if app.user %}
<a href="{{ path('deconnexion') }}" class="btn btn-sm ml-2 text-center d-flex justify-content-center align-items-center">
<i class="fas fa-power-off mr-1" style="font-size:1.3em;color:#4CB8A3 "></i>
Déconnexion</a>
{% else %}
<a href="{{ path('app_login_enterprise') }}" class="btn btn-sm ml-2 text-center d-flex justify-content-center align-items-center">
<i class="fas fa-briefcase mr-1" style="font-size:1.3em;color:#4CB8A3 "></i>
Accès prestataire</a>
{% endif %}
<a href="{{ path('front_my_basket') }}" class="btn btn-sm ml-2 text-center d-flex justify-content-center align-items-center" style="color:#4CB8A3 ">
<i class="fas fa-shopping-cart mr-1" style="font-size:1.6em;color:#4CB8A3 ;padding-top:2px"></i>
<span id="nb_basket" style="font-size:1.6em;color:#252429">{{ app.session.get('products')|length + app.session.get('packs')|length }}</span>
</a>
</div>
</div>
<!-- /.header-btn -->
</div>
</div>
<form class="form-row pt-2" method="post" action="{{ path('front_product_search') }}" id="form_header" style="border-top:1px solid darkgrey">
<div
class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12" id="div_search_type">
<!-- select -->
<select class="wide form-control" name="category">
<option value="">Service</option>
{% for subCategory in filter_service.getSubcategories %}
<option value="{{ subCategory.id }}">{{ subCategory.name }}</option>
{% endfor %}
</select>
</div>
<div
class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
<!-- select -->
<select class=" form-control select2" style="width: 100%;padding:5px 14px;height:50px!important" name="department_filter">
<option value="">Lieu</option>
{% for department in filter_service.getDepartments %}
<option value="{{ department.id }}">{{ department.name }}</option>
{% endfor %}
</select>
</div>
<div
class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
<!-- select -->
<div class="form-group">
<input id="user_weddingDatebar" name="weddingdate" autocomplete="off" type="text" placeholder="Date souhaitée" class="form-control input-md">
<div class="venue-form-calendar">
<i class="far fa-calendar-alt"></i>
</div>
</div>
</div>
<!-- button -->
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
<button class="btn btn-default btn-block" type="submit">Rechercher</button>
</div>
</form>
</div>
</div>