templates/Front/Shop/v2/_header.html.twig line 1

Open in your IDE?
  1. <nav class="navbar navbar-light bg-white app-navbar">
  3.     <div class="col d-flex flex-row p-0 align-items-center navbar-brand-container">
  4.         <div id="productsMenuList" class="dropdown">
  5.             <button id="dropdownMenuButton" class="btn p-0" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="box-shadow: none;">
  6.                 <img id="menuIcon" src="{{ asset('assets/shop/images/icons/ic_menu_produse_black.png') }}" style="width: 40px"/>
  7.             </button>
  8.             <div class="dropdown-menu shadow-lg"  aria-labelledby="dropdownMenuButton" style="width: 325px; border: 0;">
  9.                 {% if lastProductStatus.rcaStatus is defined and lastProductStatus.rcaStatus %}
  10.                     <a class="text-decoration-none" href="{{ path('app_shop_rca_details') ? path('app_shop_rca_details', {'from': constant('App\\Entity\\Customer\\TrackerActivity::FROM_HEADER')}) : '#'}}">
  11.                         <div class="dropdown-item my-2 d-flex align-items-center">
  12.                             <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  13.                                 <img src="{{ asset('assets/shop/images/icons/ic_produse_rca_dark_48.png') }}"
  14.                                      height="35px"/>
  15.                             </div>
  16.                             <div class="d-flex align-items-center">
  17.                                 <h4 class="my-2">{{ 'app.ui.rca'|trans }}</h4>
  18.                             </div>
  19.                         </div>
  20.                     </a>
  21.                 {% endif %}
  23.                 {% if lastProductStatus.vignetteStatus is defined and lastProductStatus.vignetteStatus %}
  24.                     <a class="text-decoration-none" href="{{ path('app_shop_vignette') }}">
  25.                         <div class="dropdown-item my-2 d-flex align-items-center">
  26.                             <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  27.                                 <img src="{{ asset('assets/shop/images/icons/ic_produse_roviniete_dark_48.png') }}"
  28.                                      height="35px"/>
  29.                             </div>
  30.                             <div class="d-flex align-items-center">
  31.                                 <h4 class="my-2">{{ 'app.ui.vignette'|trans }}</h4>
  32.                             </div>
  33.                         </div>
  34.                     </a>
  35.                 {% endif %}
  37.                 {% if lastProductStatus.huVignetteStatus is defined and lastProductStatus.huVignetteStatus %}
  38.                     <a class="text-decoration-none" href="{{ path('app_shop_hu_vignette') }}">
  39.                         <div class="dropdown-item my-2 d-flex align-items-center">
  40.                             <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  41.                                 <img src="{{ asset('assets/shop/images/icons/ematrica_black.png') }}"
  42.                                      height="35px"/>
  43.                             </div>
  44.                             <div class="d-flex align-items-center">
  45.                                 <h4 class="my-2">{{ 'app.hu_vignette.hu_vignette'|trans }}</h4>
  46.                             </div>
  47.                         </div>
  48.                     </a>
  49.                 {% endif %}
  51.                 {% if lastProductStatus.deathInsuranceStatus is defined and lastProductStatus.deathInsuranceStatus %}
  52.                     <a class="text-decoration-none" href="{{ path('app_shop_death_insurance') }}">
  53.                         <div class="dropdown-item my-2 d-flex align-items-center">
  54.                             <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  55.                                 <img src="{{ asset('assets/shop/images/icons/person.png') }}" height="35px"/>
  56.                             </div>
  57.                             <div class="d-flex align-items-center">
  58.                                 <h4 class="my-2">{{ 'app.ui.nn_insurance'|trans }}</h4>
  59.                             </div>
  60.                         </div>
  61.                     </a>
  62.                 {% endif %}
  64.                 <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 %}>
  65.                     <div class="dropdown-item my-2 d-flex align-items-center">
  66.                         <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  67.                             <img src="{{ asset('assets/shop/images/icons/ic_produse_pod_dark_48.png') }}" height="35px"/>
  68.                         </div>
  69.                         <div class="d-flex align-items-center">
  70.                             <h4 class="my-2">{{ 'app.ui.toll_tax'|trans }}</h4>
  71.                         </div>
  72.                     </div>
  73.                 </a>
  75.                 {% if lastProductStatus.licenseRecoveryStatus is defined and lastProductStatus.licenseRecoveryStatus %}
  76.                     <a class="text-decoration-none" href="{{ path('app_shop_license_recovery') }}">
  77.                         <div class="dropdown-item my-2 d-flex align-items-center">
  78.                             <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  79.                                 <img src="{{ asset('assets/shop/images/icons/license.png') }}"height="35px"/>
  80.                             </div>
  81.                             <div class="d-flex align-items-center">
  82.                                 <h4 class="my-2">{{ 'app.ui.license_recovery'|trans }}</h4>
  83.                             </div>
  84.                         </div>
  85.                     </a>
  86.                 {% endif %}
  88.                 {% if lastProductStatus.telemedicineStatus is defined and lastProductStatus.telemedicineStatus %}
  89.                     <a class="text-decoration-none" href="{{ path('app_shop_telemedicine') }}">
  90.                         <div class="dropdown-item my-2 d-flex align-items-center">
  91.                             <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  92.                                 <img src="{{ asset('assets/shop/images/icons/umbrella_plus.png') }}" height="35px"/>
  93.                             </div>
  94.                             <div class="d-flex align-items-center">
  95.                                 <h4 class="my-2">{{ 'app.ui.telemedicine.menu_entry'|trans }}</h4>
  96.                             </div>
  97.                         </div>
  98.                     </a>
  99.                 {% endif %}
  101.                 {% if lastProductStatus.roadAssistanceStatus is defined and lastProductStatus.roadAssistanceStatus %}
  102.                     <a class="text-decoration-none" href="{{ path('app_shop_road_assistance') }}">
  103.                         <div class="dropdown-item my-2 d-flex align-items-center">
  104.                             <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  105.                                 <img src="{{ asset('assets/shop/images/icons/road_assistance.png') }}" height="35px"/>
  106.                             </div>
  107.                             <div class="d-flex align-items-center">
  108.                                 <h4 class="my-2">{{ 'app.ui.road_assistance'|trans }}</h4>
  109.                             </div>
  110.                         </div>
  111.                     </a>
  112.                 {% endif %}
  113.             </div>
  114.         </div>
  116.         <div id="productsMenuListMobile">
  118.             <button id="toggle-side-menu-close" class="btn closebtn p-0" type="button" style="box-shadow: none;display: none;">
  119.                 <img src="{{ asset('assets/shop/images/icons/ic_error_dark.png') }}" />
  120.             </button>
  122.             <button id="toggle-side-menu" class="btn p-0" type="button" style="box-shadow: none;">
  123.                 <img id="menuIcon" src="{{ asset('assets/shop/images/icons/ic_menu_produse_black.png') }}" />
  124.             </button>
  126.             {% include '@templates/Front/Shop/v2/_leftmenu.html.twig' %}
  128.         </div>
  130.         <a class="navbar-brand" href="{{ path('sylius_shop_homepage') }}">
  131.             {% if isTicketing is defined and isTicketing == "true"%}
  132.                 <img class="app-logo" alt="Scala logo"
  133.                      src="{{ asset('assets/shop/images/taxe-auto-logo.png', 'bootstrapTheme') }}"/>
  134.             {% else %}
  135.                     <img class="app-logo" alt="Roviniete logo"
  136.                          src="{{ asset('assets/shop/images/logo_new.png', 'bootstrapTheme') }}"/>
  137.             {% endif %}
  138.         </a>
  139.     </div>
  141.     <div class="col-4 d-none">
  142.         <div class="input-group float-right d-none" style="width: 30em;">
  143.             <span class="input-group-prepend btn-rounded" style="background-color: #FAFAFA">
  144.                 <btn class="btn input-group-text bg-transparent border-0">
  145.                        <img src="{{ asset('assets/shop/images/icons/ic_search_white.png') }}"
  146.                             width="20px"/>
  147.                 </btn>
  148.             </span>
  149.             <input id="inputSearch" class="form-control border-left-0 border form-rounded" type="hidden" placeholder="{{ 'app.ui.search'|trans }}"/>
  150.         </div>
  151.     </div>
  153.     <div class="col d-flex align-items-center p-0 justify-content-end">
  154.         {% if isTicketing is defined and isTicketing == "true"%}
  155.             <a class="app-nav-btn" href="#">
  156.                 <img class="app-nav-btn-img" id="phoneIconCallCenter"  data-placement="left" data-toggle="popover"
  157.                      data-content="<a href='tel:+40732773774'>{{ call_center_phone_ticketing }}</a>"
  158.                              src="{{ asset('assets/shop/images/icons/ic_menu_phone.png') }}"/>
  159.             </a>
  160.         {% else %}
  161.             <a class="app-nav-btn" href="#">
  162.                 <img class="app-nav-btn-img" id="phoneIconCallCenter"  data-placement="left" data-toggle="popover"
  163.                      data-content="<a href='tel:+40213009696'>{{ call_center_phone }}</a>"
  164.                      src="{{ asset('assets/shop/images/icons/ic_menu_phone.png') }}"/>
  165.             </a>
  166.         {% endif %}
  168.         {% if app.request.attributes.get('_route') != 'app_shop_customer_info' %}
  169.             <div class="app-nav-btn dropdown show">
  170.                 <a href="#" id="activeLocale"  role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  171.                     <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/flags/' ~ locales.activeLocale|slice(0,2) ~'-64.png') }}"/>
  172.                     <span class="app-nav-btn-label" style="font-size: 0.8em;">{{locales.activeLocale|slice(0,2)|upper}}</span>
  173.                     <img src="{{ asset('assets/shop/images/icons/caret-down.png') }}" class="app-nav-btn-caret"/>
  174.                 </a>
  175.                 <div class="p-2 dropdown-menu" id="allLocalesDiv" aria-labelledby="activeLocale">
  176.                     {% for code in locales.allLocales %}
  177.                         {% if code is not same as(locales.activeLocale) %}
  178.                             <a class="dropdown-item mb-2" href="{{ path('sylius_shop_switch_locale', {'code': code, '_locale' : 'ro'}) }}">
  179.                                 <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/flags/'~  code|slice(0,2) ~'-64.png') }}"/>
  180.                                 <strong class="app-nav-btn-label">{{ code|slice(0,2)|upper }}</strong>
  181.                             </a>
  182.                         {% endif %}
  183.                     {% endfor %}
  184.                 </div>
  185.             </div>
  187.             {% set cartProducts = cart_manager.cartProducts(app.session) %}
  188.             {% set cartNumberOfProducts = cart_manager.numberOfProducts(cartProducts) %}
  190.             <div class="nav-item app-nav-btn">
  191.                 <a class="nav-link" href="{{ cartNumberOfProducts > 0 ? path('app_shop_customer_info') : '#' }}" id="navbarCartDropdown" role="button">
  192.                     <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/icons/ic_top-menu_cart.png') }}">
  193.                     <label class="app-nav-btn-label">
  194.                         {{'app.ui.shopping'|trans}}
  195.                         {% if cartNumberOfProducts > 0 %}
  196.                             <span class="text-primary">
  197.                                 (<span id="cartNumberOfProducts">{{ cartNumberOfProducts }}</span>)
  198.                             </span>
  199.                         {% endif %}
  200.                     </label>
  201.                 </a>
  202.             </div>
  203.         {% endif %}
  205.         <div class="nav-item dropdown app-nav-btn show">
  206.             <a class="nav-link dropdown-toggle"
  207.                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 %}"
  208.                id="navbarAccountDropdown" role="button"
  209.                {% 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 %}
  210.             >
  211.                 <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/icons/ic_top-menu_profile.png') }}">
  212.                 {% if app.user is defined and app.user is not null and app.user.customer is defined and app.user.customer is not null %}
  213.                     <label class="app-nav-btn-label">Salut, {{ app.user.customer.fullName }}!</label>
  214.                 {% else %}
  215.                     <label class="app-nav-btn-label">{{'app.ui.my_account'|trans}}</label>
  216.                 {% endif %}
  217.             </a>
  218.             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarAccountDropdown">
  219.                 {% if app.user is defined and app.user is not null and app.user.customer is defined and app.user.customer is not null %}
  220.                     <strong class="dropdown-item font-weight-bold">Salut, {{ app.user.customer.fullName }}!</strong>
  221.                     <a class="dropdown-item" href="{{ path('sylius_shop_account_dashboard') }}">{{'app.ui.my_account'|trans}}</a>
  222.                     <a class="dropdown-item" href="{{ path('app_shop_account_show_vehicles') }}">{{ 'app.ui.my_cars'|trans }}</a>
  223.                     <a class="dropdown-item" href="{{ path('app_view_alerts') }}">{{ 'app.ui.notifications'|trans}}</a>
  224.                     <a class="dropdown-item" href="{{ path('app_shop_vignette_order_history') }}">{{ 'app.ui.my_orders'|trans }}</a>
  225.                     <a class="dropdown-item" href="{{ path('sylius_shop_logout') }}">{{ 'sylius.ui.sign_out'|trans }}</a>
  226.                 {% else %}
  227.                     <a class="dropdown-item" href="{{ path('sylius_shop_login') }}">{{ 'app.ui.sign_in'|trans }}</a>
  228.                 {% endif %}
  229.             </div>
  230.         </div>
  232.     </div>
  234. </nav>
  237. <style>
  238.     #inputSearch:focus {
  239.         box-shadow: none;
  240.     }
  242.     .form-rounded {
  243.         border-radius: 1rem;
  244.     }
  246.     .btn-rounded {
  247.         border-top-left-radius: 1rem;
  248.         border-bottom-left-radius: 1rem;
  249.         border: 1px solid #DEE2E6;
  250.     }
  251.     a:hover
  252.     {
  253.         color: #FF5100;
  254.     }
  256.     .popover-body {
  257.         background: white !important;
  258.     }
  259. </style>
  260. <script>
  261.     $(document).ready(function(){
  262.         $('#phoneIconCallCenter').popover({html:true});
  263.     });
  265.     $('#productsMenuList').on('show.bs.dropdown', function () {
  266.         $("#menuIcon").attr('src', '/assets/shop/images/icons/ic_menu_close.png');
  267.     });
  269.     $('#productsMenuList').on('hide.bs.dropdown', function () {
  270.         $("#menuIcon").attr('src', '/assets/shop/images/icons/ic_menu_produse_black.png');
  271.     });
  272. </script>