<!-- Top Bar Start --><div class="topbar"> <!-- LOGO --> <div class="topbar-left" id="headerMenuTopLeftLogo"> <div class="text-center"> <!-- Image Logo here --> <a href="{{ global.getAssociationUserIsBrowsing ? path('companyAssociationList', {'urlName': global.getAssociationUserIsBrowsing.urlName}) : '/' }}" class="logo"> {% if global.getAssociationUserIsBrowsing %} <div style="width: 60%; margin: auto;position:relative;"> <img src="/assets/admin/images/newLogoDark.png" height="42" class="resp"> </div> {% else %} {# <i class="icon-c-logo"> <img src="/assets/admin/images/newLogoDark.png" height="42" class="resp"/> </i> #} <div style="width: 60%; margin: auto;" class="logoDarkSite"> <img src="/assets/admin/images/newLogoDark.png" class="resp"> </div> {% endif %} </a> {% if global.getAssociationUserIsBrowsing %} <span style="color: white;font-weight: bold;" class="GroupeLogoPosition"><a style="color: white!important;" href="{{path('companyAssociationList', {'urlName': global.getAssociationUserIsBrowsing.urlName})}}">{{global.getAssociationUserIsBrowsing.name}}</a><a href="{{path('removeAssociationFromBrowsing')}}"><sup style="color: red;font-size: +5;"> X</sup></span></a> {% endif %} </div> </div> <!-- Button mobile view to collapse sidebar menu --> <nav class="navbar-custom"> <ul class="list-inline float-right mb-0" style="margin-right: 10px;"> {%if app.user %} <li class="list-inline-item dropdown notification-list hide-mobile" id="headerNotificationIcon"> <a style="overflow: visible;" class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <i class="dripicons-bell noti-icon"></i> <span class="badge noti-icon-badge new-notification-count" style="{% if global.getNewNotifications | length == 0 %}display:none;{% endif %}">{{global.getNewNotifications | length}}</span> </a> <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg" aria-labelledby="Preview"> <!-- item--> <div class="dropdown-item noti-title"> <h5><span class="badge badge-danger float-right new-notification-count">{{global.getNewNotifications |length}}</span>{%trans%}headerNotification{%endtrans%}</h5> </div> <div class="notification-listing"> {% for notif in app.user.notifications %} <a href="#" class="dropdown-item notify-item view-notification {%if notif.viewed == false %}new-notification-item{% endif %}" data-notifid="{{notif.id}}"> <div class="notify-icon {{notif.iconColor}}"><i class="{{notif.icon}}"></i></div> <p class="notify-details">{{notif.title}}<small class="text-muted">{{notif.dateSince}}</small></p> </a> {% endfor %} </div> {# {% if app.user.notifications | length > 3 %} <!-- All--> <a href="javascript:void(0);" class="dropdown-item notify-item notify-all"> {%trans%}headerNotificationViewAll{%endtrans%} </a> {% endif %} #} </div> </li> {% endif %} {# <li class="list-inline-item notification-list"> <a class="nav-link waves-light waves-effect" href="#" id="btn-fullscreen"> <i class="dripicons-expand noti-icon"></i> </a> </li> #} {% if app.user %} <li class="list-inline-item dropdown notification-list" style="margin-right: 0px;"> <a class="nav-link dropdown-toggle waves-effect waves-light nav-user allowClick" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <img src="{% if app.user.profileImage is empty %}/assets/shared/images/defaultAvatar.jpg{%else%}{{ path('getImageAsThumb', {'id': app.user.profileImage.id, 'height': '36', 'width' : '36'})}}{%endif%}" alt="user" class="rounded-circle"><h5 class="text-white m-l-5 m-t-10 hide-phone menu-profile-name" style="display: inline;font-size: 13px; font-family: maturinFont;">{% if app.user.firstName%}{{app.user.firstName}}{% else %}{{app.user.displayName}}{% endif %}</h5> </a> <div class="dropdown-menu dropdown-menu-right profile-dropdown " aria-labelledby="Preview"> <!-- item--> <div class="dropdown-item noti-title"> <h5 class="" style="height: auto!important;"><small>{%trans %}headerWelcome{%endtrans%} {{app.user.firstName}}!</small> </h5> </div> <a href="{{path('listOrders')}}" class="dropdown-item notify-item allowClick"> <i class="md md-shopping-cart"></i> <span>{%trans%}Mes commandes{%endtrans%}</span> </a> <a href="{{path('myProducts')}}" class="dropdown-item notify-item allowClick"> <i class="md-store"></i> <span>{%trans%}Mes produits{%endtrans%}</span> </a> <!-- item--> {% if app.request.attributes.get('_route') == 'dashboard' %} <a href="{{path('userProfile')}}" class="dropdown-item notify-item allowClick"> <i class="md md-account-circle"></i> <span>Mon profil</span> </a> {% else %} <a href="{{path('userProfile')}}" class="dropdown-item notify-item allowClick"> <i class="md md-account-circle"></i> <span>Mon compte</span> </a> {% endif %} {% if app.user.getMakeCompanyForAssociation %} <a href="{{path('associationVariableList')}}" class="dropdown-item notify-item allowClick"> <i class="md md-settings"></i> <span>Association</span> </a> {% endif %} <!-- item--> <a href="{{path('adminMessageListing', {'folder': 'inbox'})}}" class="dropdown-item notify-item allowClick"> <i class="md md-email"></i> <span>{%trans%}headerMessage{%endtrans%}</span> </a> <!-- item--> <a href="{{path('inviteAFriend')}}" class="dropdown-item notify-item allowClick"> <i class="md md-face-unlock"></i> <span>Inviter des amis</span> </a> {% if app.user.companies | length > 0 %} <hr class="m-t-0 m-b-0"> {% for company in app.user.companies|slice(0,5) %} <a href="{{path('dashboardCompany', {'id' : company.id})}}" class="dropdown-item notify-item allowClick"> <i class="md md-store"></i> <span> {% if company.name | length > 18 %} {{company.name | slice(0, 15) | trim}}... {% else %} {{company.name}} {% endif %} </span> </a> {% endfor %} <hr class="m-t-0 m-b-0"> {% endif %} {% if is_granted('ROLE_PREVIOUS_ADMIN') %} <a href="/?_switch_user=_exit" class="dropdown-item notify-item allowClick"> <span>Redevenir moi-même</span> </a> {% endif %} <!-- item--> <a href="/logout" class="dropdown-item notify-item allowClick"> <i class="md md-settings-power"></i> <span>{%trans%}headerDisconnect{%endtrans%}</span> </a> </div> </li> <li class="list-inline-item notification-list hide-mobile"> <a class="nav-link waves-light waves-effect" href="#" id="help" style="display:none;"> <i class="dripicons-question noti-icon"></i> </a> </li> <li class="list-inline-item dropdown notification-list hide-mobile" id=""> <a style="overflow: visible;" class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <i class="fa fa-heart-o noti-icon favorite-icon" style="top: 2px;font-size:23px;"></i> </a> <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg favorites-dropdown" aria-labelledby="Preview"> <!-- item--> <div class="dropdown-item noti-title"> <h5><span class="badge badge-danger float-right new-favorite-count">{{global.favorites |length}}</span>Favoris</h5> </div> <div class="favorites-listing"> {% for fav in global.favorites | reverse %} <div class="row"> <div class="col-10 nopadding"> <a href="{{path('viewProduct', {'id': fav.product.id, 'producerUrl': fav.product.company.UrlName, 'productName': fav.product.UrlName})}}" class="dropdown-item notify-item view-favorite" data-product="{{fav.product.id}}"> <div class="notify-icon"><img class="" src="{{path('getImageAsCroppedThumb', {'id': fav.product.mainImage.Id, 'height': '35', 'width': '35'})}}"></div> <p class="notify-details">{{fav.product.name}}<small class="text-muted">{{fav.product.company.name}}</small></p> </a> </div> <div class="col-2 nopadding"> <a href="#" class="add-to-cart" data-id="{{fav.product.id}}"> <i class="md-shopping-cart" style="font-size: large; color: darkgray; padding-top: 10px;padding-right: 5px;"></i> </a> <a href="#" class="remove-favorite" data-id="{{fav.product.id}}"> <i class="ion-close" style="font-size: large; color: darkgray; display: block; padding-left: 2px;"></i> </a> </div> </div> {% endfor %} </div> </div> </li> {# <li class="list-inline-item dropdown notification-list" id="" style="{% if app.user.favorites | length < 1 %}display:none;{% endif %}"> <a style="overflow: visible;" class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <i class="fa fa-heart-o noti-icon favorite-icon" style="top: 0px;"></i> </a> <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg" aria-labelledby="Preview"> <!-- item--> <div class="dropdown-item noti-title"> <h5><span class="badge badge-danger float-right new-favorite-count">{{app.user.favorites |length}}</span>Favori</h5> </div> <div class="favorites-listing"> {% for fav in app.user.favorites%} <a href="{{path('viewProduct', {'id': fav.product.id, 'producerUrl': fav.product.company.UrlName, 'productName': fav.product.UrlName})}}" class="dropdown-item notify-item view-favorite" data-product="{{fav.product.id}}"> <div class="notify-icon"><img class="" src="{{path('getImageAsCroppedThumb', {'id': fav.product.mainImage.Id, 'height': '35', 'width': '35'})}}"></div> <p class="notify-details">{{fav.product.name}}<small class="text-muted">{{fav.product.company.name}}</small></p> </a> {% endfor %} </div> </div> </li>#} <li class="list-inline-item dropdown notification-list" id=""> <a class="nav-link arrow-none waves-light waves-effect" style="overflow: visible;" href="/panier"> <i class="md-shopping-cart noti-icon" style="font-size: 28px!important;{% if global.cart.products | length == 0 %}padding-top: 2px;{% else %}padding-top: 5px;{% endif %}"></i> <span style="float: right;color: white;line-height: 1.4;padding-top: 0px;margin-left: 12px;font-family: 'MaturinFont';font-size: 13px;"> Panier<br><span id="menu_subtotal_cart" style="font-weight: bold;padding-top: 5;">{{global.cart.subTotalToPay(false, false) | number_format(2)}}$</span></span> <span class="badge noti-icon-badge " id="menu-cart-count" style="top: 1px;width: fit-content;font-weight: bolder;{% if global.cart.products | length < 10%}left: 17px;{% else %}left:15px;{% endif %}{% if global.cart.products | length == 0 %}display:none;{% endif %} ">{{global.cart.products | length}}</span> </a> </li> {% else %} <li class="list-inline-item dropdown notification-list" id=""> <a style="overflow: visible;" class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <i class="fa fa-heart-o noti-icon favorite-icon" style="top: 2px;font-size:23px;"></i> </a> <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg favorites-dropdown" aria-labelledby="Preview"> <!-- item--> <div class="dropdown-item noti-title"> <h5><span class="badge badge-danger float-right new-favorite-count">{{global.favorites |length}}</span>Favoris</h5> </div> <div class="favorites-listing"> {% for fav in global.favorites | reverse %} <div class="row"> <div class="col-10 nopadding"> <a href="{{path('viewProduct', {'id': fav.product.id, 'producerUrl': fav.product.company.UrlName, 'productName': fav.product.UrlName})}}" class="dropdown-item notify-item view-favorite" data-product="{{fav.product.id}}"> <div class="notify-icon"><img class="" src="{{path('getImageAsCroppedThumb', {'id': fav.product.mainImage.Id, 'height': '35', 'width': '35'})}}"></div> <p class="notify-details">{{fav.product.name}}<small class="text-muted">{{fav.product.company.name}}</small></p> </a> </div> <div class="col-2 nopadding"> <a href="#" class="remove-favorite" data-id="{{fav.product.id}}"> <i class="ion-close" style="font-size: large; color: darkgray; padding-top: 10px;"></i> </a> </div> </div> {% endfor %} </div> </div> </li> <li class="list-inline-item dropdown notification-list" id=""> <a class="nav-link arrow-none waves-light waves-effect" style="overflow: visible;" href="/panier"> <i class="md-shopping-cart noti-icon" style="font-size: 28px!important;{% if global.cart.products | length == 0 %}padding-top: 2px;{% else %}padding-top: 5px;{% endif %}"></i> <span style="float: right;color: white;line-height: 1.4;padding-top: 0px;margin-left: 12px;font-family: 'MaturinFont';font-size: 13px;"> Panier<br><span id="mobile_menu_subtotal_cart" style="font-weight: bold;padding-top: 5;">{{global.cart.subTotalToPay(false, false)| number_format(2)}}$</span></span> <span class="badge noti-icon-badge " id="menu-cart-count" style="top: 1px;width: fit-content;font-weight: bolder;left: 17px;{% if global.cart.products | length == 0 %}display:none;{% endif %} ">{{global.cart.products | length}}</span> </a> </li> {% endif %} {# <li class="list-inline-item notification-list"> <a class="nav-link waves-light waves-effect" href="#" > <div class="header-icon-list"></div> </a> </li> #} {# <li class="nav-item list-inline-item notification-list"> <a class="nav-link modify-parameter-region" data-toggle="modal" data-target="#modifiezVosParamètres">QC</a> </li> <div class="nav-divider-wrappper"> <div class="nav-divider"></div> </div> <li class="nav-item nav-modify-parameter"> <a class="nav-link modify-parameter-currency" data-toggle="modal" data-target="#modifiezVosParamètres">$(CAD)</a> </li> <div class="nav-divider-wrappper"> <div class="nav-divider"></div> </div> <li class="nav-item nav-modify-parameter"> <a class="nav-link modify-parameter-lang" data-toggle="modal" data-target="#modifiezVosParamètres">Français </a> </li> #} </ul> <ul class="list-inline-float-right mb-0 pull-right mr-3 "> {% if app.user %} {% if app.user.companies | length > 0 %} <li class="nav-item top-menu-link list-inline-item underline-effect-wrapper hide-mobile"> <a class="text-white allowClick underline-effect underline-effect-white underline-effect-h2" href="/info/conseils">Conseils de vente</a> </li> {% else %} <li class="nav-item top-menu-link list-inline-item underline-effect-wrapper text-white hide-mobile"> <a class="text-white allowClick underline-effect underline-effect-white underline-effect-h2" href="{{path('fastCompanyInscription')}}">Vendre sur Maturin</a> </li> {% endif %} {% else %} <li class="nav-item top-menu-link list-inline-item underline-effect-wrapper hide-mobile"> <a class="text-white allowClick underline-effect underline-effect-white underline-effect-h2" href="/info/vendre">Vendre sur Maturin</a> </li> <li class="nav-item top-menu-link list-inline-item underline-effect-wrapper"> <a class="text-white allowClick underline-effect underline-effect-white underline-effect-h2" href="{{path('fos_user_security_login')}}">{% trans %} Connexion{% endtrans %}</a> </li> {% endif %} </ul> <ul class="list-inline menu-left mb-0 app-search-ul"> {% if hideSideMenu is not defined %} <li class="float-left hide-desktop"> <button class="button-menu-mobile open-left waves-light waves-effect"> <a href="#menu" class="allowClick text-white"><i class="dripicons-menu"></i></a> </button> </li> {% endif %} <li class="app-search"> <form role="search" class=""> <input type="text" id="mainSearch" placeholder="{%trans%}headerSearchPlaceHolder{%endtrans%}" class="form-control"> <a href="#" id="btn-main-search"><i class="fa fa-search"></i></a> </form> </li> </ul> </nav></div><!-- Top Bar End -->