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>
  67.                 <a class="text-decoration-none" href="https://taxadepod.ro">
  68.                     <div class="dropdown-item my-2 d-flex align-items-center">
  69.                         <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  70.                             <img src="{{ asset('assets/shop/images/icons/ic_produse_pod_dark_48.png') }}"
  71.                                  height="35px"/>
  72.                         </div>
  73.                         <div class="d-flex align-items-center">
  74.                             <h4 class="my-2" href="#">
  75.                                 {{ 'app.ui.toll_tax'|trans }}
  76.                             </h4>
  77.                         </div>
  78.                     </div>
  79.                 </a>
  81.                 {% if lastProductStatus.licenseRecoveryStatus is defined and lastProductStatus.licenseRecoveryStatus %}
  82.                     <a class="text-decoration-none" href="{{ path('app_shop_license_recovery') }}">
  83.                         <div class="dropdown-item my-2 d-flex align-items-center">
  84.                             <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  85.                                 <img src="{{ asset('assets/shop/images/icons/license.png') }}"height="35px"/>
  86.                             </div>
  87.                             <div class="d-flex align-items-center">
  88.                                 <h4 class="my-2">{{ 'app.ui.license_recovery'|trans }}</h4>
  89.                             </div>
  90.                         </div>
  91.                     </a>
  92.                 {% endif %}
  94.                 {% if lastProductStatus.telemedicineStatus is defined and lastProductStatus.telemedicineStatus %}
  95.                     <a class="text-decoration-none" href="{{ path('app_shop_telemedicine') }}">
  96.                         <div class="dropdown-item my-2 d-flex align-items-center">
  97.                             <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  98.                                 <img src="{{ asset('assets/shop/images/icons/umbrella_plus.png') }}" height="35px"/>
  99.                             </div>
  100.                             <div class="d-flex align-items-center">
  101.                                 <h4 class="my-2">{{ 'app.ui.telemedicine.menu_entry'|trans }}</h4>
  102.                             </div>
  103.                         </div>
  104.                     </a>
  105.                 {% endif %}
  107.                 {% if lastProductStatus.roadAssistanceStatus is defined and lastProductStatus.roadAssistanceStatus %}
  108.                     <a class="text-decoration-none" href="{{ path('app_shop_road_assistance') }}">
  109.                         <div class="dropdown-item my-2 d-flex align-items-center">
  110.                             <div class="mr-4 d-flex justify-content-center" style="width: 35px;">
  111.                                 <img src="{{ asset('assets/shop/images/icons/road_assistance.png') }}" height="35px"/>
  112.                             </div>
  113.                             <div class="d-flex align-items-center">
  114.                                 <h4 class="my-2">{{ 'app.ui.road_assistance'|trans }}</h4>
  115.                             </div>
  116.                         </div>
  117.                     </a>
  118.                 {% endif %}
  119.             </div>
  120.         </div>
  122.         <div id="productsMenuListMobile">
  124.             <button id="toggle-side-menu-close" class="btn closebtn p-0" type="button" style="box-shadow: none;display: none;">
  125.                 <img src="{{ asset('assets/shop/images/icons/ic_error_dark.png') }}" />
  126.             </button>
  128.             <button id="toggle-side-menu" class="btn p-0" type="button" style="box-shadow: none;">
  129.                 <img id="menuIcon" src="{{ asset('assets/shop/images/icons/ic_menu_produse_black.png') }}" />
  130.             </button>
  132.             {% include '@templates/Front/Shop/v2/_leftmenu.html.twig' %}
  134.         </div>
  136.         <a class="navbar-brand" href="{{ path('sylius_shop_homepage') }}">
  137.             {% if isTicketing is defined and isTicketing == "true"%}
  138.                 <img class="app-logo" alt="Scala logo"
  139.                      src="{{ asset('assets/shop/images/taxe-auto-logo.png', 'bootstrapTheme') }}"/>
  140.             {% else %}
  141.                     <img class="app-logo" alt="Roviniete logo"
  142.                          src="{{ asset('assets/shop/images/logo_new.png', 'bootstrapTheme') }}"/>
  143.             {% endif %}
  144.         </a>
  145.     </div>
  147.     <div class="col-4 d-none">
  148.         <div class="input-group float-right d-none" style="width: 30em;">
  149.             <span class="input-group-prepend btn-rounded" style="background-color: #FAFAFA">
  150.                 <btn class="btn input-group-text bg-transparent border-0">
  151.                        <img src="{{ asset('assets/shop/images/icons/ic_search_white.png') }}"
  152.                             width="20px"/>
  153.                 </btn>
  154.             </span>
  155.             <input id="inputSearch" class="form-control border-left-0 border form-rounded" type="hidden" placeholder="{{ 'app.ui.search'|trans }}"/>
  156.         </div>
  157.     </div>
  159.     <div class="col d-flex align-items-center p-0 justify-content-end">
  160.         {% if isTicketing is defined and isTicketing == "true"%}
  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:+40732773774'>{{ call_center_phone_ticketing }}</a>"
  164.                              src="{{ asset('assets/shop/images/icons/ic_menu_phone.png') }}"/>
  165.             </a>
  166.         {% else %}
  167.             <a class="app-nav-btn" href="#">
  168.                 <img class="app-nav-btn-img" id="phoneIconCallCenter"  data-placement="left" data-toggle="popover"
  169.                      data-content="<a href='tel:+40213009696'>{{ call_center_phone }}</a>"
  170.                      src="{{ asset('assets/shop/images/icons/ic_menu_phone.png') }}"/>
  171.             </a>
  172.         {% endif %}
  174.         {% if app.request.attributes.get('_route') != 'app_shop_customer_info' %}
  175.             <div class="app-nav-btn dropdown show">
  176.                 <a href="#" id="activeLocale"  role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  177.                     <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/flags/' ~ locales.activeLocale|slice(0,2) ~'-64.png') }}"/>
  178.                     <span class="app-nav-btn-label" style="font-size: 0.8em;">{{locales.activeLocale|slice(0,2)|upper}}</span>
  179.                     <img src="{{ asset('assets/shop/images/icons/caret-down.png') }}" class="app-nav-btn-caret"/>
  180.                 </a>
  181.                 <div class="p-2 dropdown-menu" id="allLocalesDiv" aria-labelledby="activeLocale">
  182.                     {% for code in locales.allLocales %}
  183.                         {% if code is not same as(locales.activeLocale) %}
  184.                             <a class="dropdown-item mb-2" href="{{ path('sylius_shop_switch_locale', {'code': code, '_locale' : 'ro'}) }}">
  185.                                 <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/flags/'~  code|slice(0,2) ~'-64.png') }}"/>
  186.                                 <strong class="app-nav-btn-label">{{ code|slice(0,2)|upper }}</strong>
  187.                             </a>
  188.                         {% endif %}
  189.                     {% endfor %}
  190.                 </div>
  191.             </div>
  193.             {% set cartProducts = cart_manager.cartProducts(app.session) %}
  194.             {% set cartNumberOfProducts = cart_manager.numberOfProducts(cartProducts) %}
  196.             <div class="nav-item app-nav-btn">
  197.                 <a class="nav-link" href="{{ cartNumberOfProducts > 0 ? path('app_shop_customer_info') : '#' }}" id="navbarCartDropdown" role="button">
  198.                     <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/icons/ic_top-menu_cart.png') }}">
  199.                     <label class="app-nav-btn-label">
  200.                         {{'app.ui.shopping'|trans}}
  201.                         {% if cartNumberOfProducts > 0 %}
  202.                             <span class="text-primary">
  203.                                 (<span id="cartNumberOfProducts">{{ cartNumberOfProducts }}</span>)
  204.                             </span>
  205.                         {% endif %}
  206.                     </label>
  207.                 </a>
  208.             </div>
  209.         {% endif %}
  211.         <div class="nav-item dropdown app-nav-btn show">
  212.             <a class="nav-link dropdown-toggle"
  213.                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 %}"
  214.                id="navbarAccountDropdown" role="button"
  215.                {% 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 %}
  216.             >
  217.                 <img class="app-nav-btn-img" src="{{ asset('assets/shop/images/icons/ic_top-menu_profile.png') }}">
  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 %}
  219.                     <label class="app-nav-btn-label">Salut, {{ app.user.customer.fullName }}!</label>
  220.                 {% else %}
  221.                     <label class="app-nav-btn-label">{{'app.ui.my_account'|trans}}</label>
  222.                 {% endif %}
  223.             </a>
  224.             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarAccountDropdown">
  225.                 {% if app.user is defined and app.user is not null and app.user.customer is defined and app.user.customer is not null %}
  226.                     <strong class="dropdown-item font-weight-bold">Salut, {{ app.user.customer.fullName }}!</strong>
  227.                     <a class="dropdown-item" href="{{ path('sylius_shop_account_dashboard') }}">{{'app.ui.my_account'|trans}}</a>
  228.                     <a class="dropdown-item" href="{{ path('app_shop_account_show_vehicles') }}">{{ 'app.ui.my_cars'|trans }}</a>
  229.                     <a class="dropdown-item" href="{{ path('app_view_alerts') }}">{{ 'app.ui.notifications'|trans}}</a>
  230.                     <a class="dropdown-item" href="{{ path('app_shop_vignette_order_history') }}">{{ 'app.ui.my_orders'|trans }}</a>
  231.                     <a class="dropdown-item" href="{{ path('sylius_shop_logout') }}">{{ 'sylius.ui.sign_out'|trans }}</a>
  232.                 {% else %}
  233.                     <a class="dropdown-item" href="{{ path('sylius_shop_login') }}">{{ 'app.ui.sign_in'|trans }}</a>
  234.                 {% endif %}
  235.             </div>
  236.         </div>
  238.     </div>
  240. </nav>
  243. <style>
  244.     #inputSearch:focus {
  245.         box-shadow: none;
  246.     }
  248.     .form-rounded {
  249.         border-radius: 1rem;
  250.     }
  252.     .btn-rounded {
  253.         border-top-left-radius: 1rem;
  254.         border-bottom-left-radius: 1rem;
  255.         border: 1px solid #DEE2E6;
  256.     }
  257.     a:hover
  258.     {
  259.         color: #FF5100;
  260.     }
  262.     .popover-body {
  263.         background: white !important;
  264.     }
  265. </style>
  266. <script>
  267.     $(document).ready(function(){
  268.         $('#phoneIconCallCenter').popover({html:true});
  269.     });
  271.     $('#productsMenuList').on('show.bs.dropdown', function () {
  272.         $("#menuIcon").attr('src', '/assets/shop/images/icons/ic_menu_close.png');
  273.     });
  275.     $('#productsMenuList').on('hide.bs.dropdown', function () {
  276.         $("#menuIcon").attr('src', '/assets/shop/images/icons/ic_menu_produse_black.png');
  277.     });
  278. </script>