<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>