<nav class="navbar navbar-light bg-white app-navbar"> <div class="col d-flex flex-row p-0 align-items-center navbar-brand-container"> <div id="productsMenuList" class="dropdown"> <button id="dropdownMenuButton" class="btn p-0" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="box-shadow: none;"> <img id="menuIcon" src="{{ asset('assets/shop/images/icons/ic_menu_produse_black.png') }}" style="width: 40px"/> </button> <div class="dropdown-menu shadow-lg" aria-labelledby="dropdownMenuButton" style="width: 325px; border: 0;"> {% if lastProductStatus.rcaStatus is defined and lastProductStatus.rcaStatus %} <a class="text-decoration-none" href="{{ path('app_shop_rca_details') ? path('app_shop_rca_details', {'from': constant('App\\Entity\\Customer\\TrackerActivity::FROM_HEADER')}) : '#'}}"> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4 d-flex justify-content-center" style="width: 35px;"> <img src="{{ asset('assets/shop/images/icons/ic_produse_rca_dark_48.png') }}" height="35px"/> </div> <div class="d-flex align-items-center"> <h4 class="my-2">{{ 'app.ui.rca'|trans }}</h4> </div> </div> </a> {% endif %} {% if lastProductStatus.vignetteStatus is defined and lastProductStatus.vignetteStatus %} <a class="text-decoration-none" href="{{ path('app_shop_vignette') }}"> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4 d-flex justify-content-center" style="width: 35px;"> <img src="{{ asset('assets/shop/images/icons/ic_produse_roviniete_dark_48.png') }}" height="35px"/> </div> <div class="d-flex align-items-center"> <h4 class="my-2">{{ 'app.ui.vignette'|trans }}</h4> </div> </div> </a> {% endif %} {% if lastProductStatus.huVignetteStatus is defined and lastProductStatus.huVignetteStatus %} <a class="text-decoration-none" href="{{ path('app_shop_hu_vignette') }}"> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4 d-flex justify-content-center" style="width: 35px;"> <img src="{{ asset('assets/shop/images/icons/ematrica_black.png') }}" height="35px"/> </div> <div class="d-flex align-items-center"> <h4 class="my-2">{{ 'app.hu_vignette.hu_vignette'|trans }}</h4> </div> </div> </a> {% endif %} {% if lastProductStatus.deathInsuranceStatus is defined and lastProductStatus.deathInsuranceStatus %} <a class="text-decoration-none" href="{{ path('app_shop_death_insurance') }}"> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4 d-flex justify-content-center" style="width: 35px;"> <img src="{{ asset('assets/shop/images/icons/person.png') }}" height="35px"/> </div> <div class="d-flex align-items-center"> <h4 class="my-2">{{ 'app.ui.nn_insurance'|trans }}</h4> </div> </div> </a> {% endif %} <a class="text-decoration-none" {% if lastProductStatus.peajStatus is defined and lastProductStatus.peajStatus %}href="{{ path('app_shop_peaj') }}" {% else %}href="https://www.taxadepod.ro/" target="_blank"{% endif %}> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4 d-flex justify-content-center" style="width: 35px;"> <img src="{{ asset('assets/shop/images/icons/ic_produse_pod_dark_48.png') }}" height="35px"/> </div> <div class="d-flex align-items-center"> <h4 class="my-2">{{ 'app.ui.toll_tax'|trans }}</h4> </div> </div> </a> {% if lastProductStatus.licenseRecoveryStatus is defined and lastProductStatus.licenseRecoveryStatus %} <a class="text-decoration-none" href="{{ path('app_shop_license_recovery') }}"> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4 d-flex justify-content-center" style="width: 35px;"> <img src="{{ asset('assets/shop/images/icons/license.png') }}"height="35px"/> </div> <div class="d-flex align-items-center"> <h4 class="my-2">{{ 'app.ui.license_recovery'|trans }}</h4> </div> </div> </a> {% endif %} {% if lastProductStatus.telemedicineStatus is defined and lastProductStatus.telemedicineStatus %} <a class="text-decoration-none" href="{{ path('app_shop_telemedicine') }}"> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4 d-flex justify-content-center" style="width: 35px;"> <img src="{{ asset('assets/shop/images/icons/umbrella_plus.png') }}" height="35px"/> </div> <div class="d-flex align-items-center"> <h4 class="my-2">{{ 'app.ui.telemedicine.menu_entry'|trans }}</h4> </div> </div> </a> {% endif %} {% if lastProductStatus.lotoStatus is defined and lastProductStatus.lotoStatus %} <a class="text-decoration-none" href="{{ path('app_shop_loto') }}"> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4 d-flex justify-content-center" style="width: 35px;"> <img src="{{ asset('assets/shop/images/lottery.png') }}" height="35px"/> </div> <div class="d-flex align-items-center"> <h4 class="my-2">{{ 'app.ui.loto.menu_entry'|trans }}</h4> </div> </div> </a> {% endif %} {% if lastProductStatus.roadAssistanceStatus is defined and lastProductStatus.roadAssistanceStatus %} <a class="text-decoration-none" href="{{ path('app_shop_road_assistance') }}"> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4 d-flex justify-content-center" style="width: 35px;"> <img src="{{ asset('assets/shop/images/icons/road_assistance.png') }}" height="35px"/> </div> <div class="d-flex align-items-center"> <h4 class="my-2">{{ 'app.ui.road_assistance'|trans }}</h4> </div> </div> </a> {% endif %} {% if lastProductStatus.finesStatus is defined and lastProductStatus.finesStatus %} <a class="text-decoration-none" href="{{ path('app_shop_fines') }}"> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4"> <img src="{{ asset('assets/shop/images/icons/fines-icon.png') }}" width="35px" alt=""/> </div> <h4> {{ 'app.ui.fines.menu_entry'|trans }} </h4> </div> </a> {% endif %} {% if lastProductStatus.tariffsStatus is defined and lastProductStatus.tariffsStatus %} <a class="text-decoration-none" href="{{ path('app_shop_tariffs') }}"> <div class="dropdown-item my-2 d-flex align-items-center"> <div class="mr-4"> <img src="{{ asset('assets/shop/images/icons/tariffs-icon.png') }}" width="35px" alt=""/> </div> <h4> {{ 'app.ui.tariffs.menu_entry'|trans }} </h4> </div> </a> {% endif %} </div> </div> <div id="productsMenuListMobile"> <button id="toggle-side-menu-close" class="btn closebtn p-0" type="button" style="box-shadow: none;display: none;"> <img src="{{ asset('assets/shop/images/icons/ic_error_dark.png') }}" /> </button> <button id="toggle-side-menu" class="btn p-0" type="button" style="box-shadow: none;"> <img id="menuIcon" src="{{ asset('assets/shop/images/icons/ic_menu_produse_black.png') }}" /> </button> {% include '@templates/Front/Shop/v2/_leftmenu.html.twig' %} </div> <a class="navbar-brand" href="{{ path('sylius_shop_homepage') }}"> {% if isTicketing is defined and isTicketing == "true"%} <img class="app-logo" alt="Scala logo" src="{{ asset('assets/shop/images/taxe-auto-logo.png', 'bootstrapTheme') }}"/> {% else %} <img class="app-logo" alt="Roviniete logo" src="{{ asset('assets/shop/images/logo_new.png', 'bootstrapTheme') }}"/> {% endif %} </a> </div> <div class="col-4 d-none"> <div class="input-group float-right d-none" style="width: 30em;"> <span class="input-group-prepend btn-rounded" style="background-color: #FAFAFA"> <btn class="btn input-group-text bg-transparent border-0"> <img src="{{ asset('assets/shop/images/icons/ic_search_white.png') }}" width="20px"/> </btn> </span> <input id="inputSearch" class="form-control border-left-0 border form-rounded" type="hidden" placeholder="{{ 'app.ui.search'|trans }}"/> </div> </div> <div class="col d-flex align-items-center p-0 justify-content-end"> {% if isTicketing is defined and isTicketing == "true"%} <a class="app-nav-btn" href="#"> <img class="app-nav-btn-img" id="phoneIconCallCenter" data-placement="left" data-toggle="popover" data-content="<a href='tel:+40732773774'>{{ call_center_phone_ticketing }}</a>" src="{{ asset('assets/shop/images/icons/ic_menu_phone.png') }}"/> </a> {% else %} <a class="app-nav-btn" href="#"> <img class="app-nav-btn-img" id="phoneIconCallCenter" data-placement="left" data-toggle="popover" data-content="<a href='tel:+40213009696'>{{ call_center_phone }}</a>" src="{{ asset('assets/shop/images/icons/ic_menu_phone.png') }}"/> </a> {% endif %} {% if app.request.attributes.get('_route') != 'app_shop_customer_info' %} <div class="app-nav-btn dropdown show"> <a href="#" id="activeLocale" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/flags/' ~ locales.activeLocale|slice(0,2) ~'-64.png') }}"/> <span class="app-nav-btn-label" style="font-size: 0.8em;">{{locales.activeLocale|slice(0,2)|upper}}</span> <img src="{{ asset('assets/shop/images/icons/caret-down.png') }}" class="app-nav-btn-caret"/> </a> <div class="p-2 dropdown-menu" id="allLocalesDiv" aria-labelledby="activeLocale"> {% for code in locales.allLocales %} {% if code is not same as(locales.activeLocale) %} <a class="dropdown-item mb-2" href="{{ path('sylius_shop_switch_locale', {'code': code, '_locale' : 'ro'}) }}"> <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/flags/'~ code|slice(0,2) ~'-64.png') }}"/> <strong class="app-nav-btn-label">{{ code|slice(0,2)|upper }}</strong> </a> {% endif %} {% endfor %} </div> </div> {% set cartProducts = cart_manager.cartProducts(app.session) %} {% set cartNumberOfProducts = cart_manager.numberOfProducts(cartProducts) %} <div class="nav-item app-nav-btn"> <a class="nav-link" href="{{ cartNumberOfProducts > 0 ? path('app_shop_customer_info') : '#' }}" id="navbarCartDropdown" role="button"> <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/icons/ic_top-menu_cart.png') }}"> <label class="app-nav-btn-label"> {{'app.ui.shopping'|trans}} {% if cartNumberOfProducts > 0 %} <span class="text-primary"> (<span id="cartNumberOfProducts">{{ cartNumberOfProducts }}</span>) </span> {% endif %} </label> </a> </div> {% endif %} <div class="nav-item dropdown app-nav-btn show"> <a class="nav-link dropdown-toggle" href="{% if app.user is defined and app.user is not null and app.user.customer is defined and app.user.customer is not null %}#{% else %}{{ path('sylius_shop_login') }}{% endif %}" id="navbarAccountDropdown" role="button" {% if app.user is defined and app.user is not null and app.user.customer is defined and app.user.customer is not null %}data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"{% endif %} > <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/icons/ic_top-menu_profile.png') }}"> {% if app.user is defined and app.user is not null and app.user.customer is defined and app.user.customer is not null %} <label class="app-nav-btn-label">Salut, {{ app.user.customer.fullName }}!</label> {% else %} <label class="app-nav-btn-label">{{'app.ui.my_account'|trans}}</label> {% endif %} </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarAccountDropdown"> {% if app.user is defined and app.user is not null and app.user.customer is defined and app.user.customer is not null %} <strong class="dropdown-item font-weight-bold">Salut, {{ app.user.customer.fullName }}!</strong> <a class="dropdown-item" href="{{ path('sylius_shop_account_dashboard') }}">{{'app.ui.my_account'|trans}}</a> <a class="dropdown-item" href="{{ path('app_shop_account_show_vehicles') }}">{{ 'app.ui.my_cars'|trans }}</a> <a class="dropdown-item" href="{{ path('app_view_alerts') }}">{{ 'app.ui.notifications'|trans}}</a> <a class="dropdown-item" href="{{ path('app_shop_vignette_order_history') }}">{{ 'app.ui.my_orders'|trans }}</a> <a class="dropdown-item" href="{{ path('sylius_shop_logout') }}">{{ 'sylius.ui.sign_out'|trans }}</a> {% else %} <a class="dropdown-item" href="{{ path('sylius_shop_login') }}">{{ 'app.ui.sign_in'|trans }}</a> {% endif %} </div> </div> </div></nav><style> #inputSearch:focus { box-shadow: none; } .form-rounded { border-radius: 1rem; } .btn-rounded { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; border: 1px solid #DEE2E6; } a:hover { color: #FF5100; } .popover-body { background: white !important; }</style><script> $(document).ready(function(){ $('#phoneIconCallCenter').popover({html:true}); }); $('#productsMenuList').on('show.bs.dropdown', function () { $("#menuIcon").attr('src', '/assets/shop/images/icons/ic_menu_close.png'); }); $('#productsMenuList').on('hide.bs.dropdown', function () { $("#menuIcon").attr('src', '/assets/shop/images/icons/ic_menu_produse_black.png'); });</script>