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