templates/includes/layout/__header.html.twig line 1

Open in your IDE?
  1. {% set cur_route_name = app.request.attributes.get('_route') | default(_route | default('')) %}
  2. <!--begin::Header-->
  3. <div id="kt_header" class="header" style="z-index: 1001;">
  4.     <!--begin::Container-->
  5.     <div class="top_bar w-100 custom-menu-bg">
  6.         <div class="container-xxl d-flex flex-grow-1 flex-stack" style="padding-top: 2px;">
  7.             <div class="d-flex align-items-center flex-shrink-0">
  8.                 <a href="https://www.facebook.com/europeangrading" target="_blank" title="European Grading on Facebook">
  9.                     <i class="fab fa-facebook"></i> 
  10.                 </a>
  11.                 <a href="https://twitter.com/europeangrading" target="_blank" title="European Grading on Twitter">
  12.                     <i class="fab fa-twitter"></i> 
  13.                 </a>
  14.                 <a href="https://www.youtube.com/channel/UCWYjmpWOwejofx9g0V28i0w" target="_blank" title="European Grading on Youtube">
  15.                     <i class="fab fa-youtube"></i> 
  16.                 </a>
  17.                 <a href="https://instagram.com/europeangrading" target="_blank" title="European Grading on Instagram">
  18.                     <i class="fab fa-instagram"></i> 
  19.                 </a>
  20.             </div>
  21.             <div class="d-flex align-items-center flex-shrink-0">
  22.                 {% set contacto =  app_config_val('CONTACTO_EMAIL', {'default' : 'support@europeangrading.eu ', 'type' : 'email'}) %}
  23.                 {% if contacto != "" %}
  24.                     <i class="fas fa-envelope"></i>
  25.                     <a class="top-bar-link" href="mailto:{{contacto}}" class="text-muted text-hover-primary px-2">{{contacto}}</a>
  26.                 {% endif %}
  27.                 {% set tel =  app_config_val('CONTACTO_TELEFONO', {'default' : '657410563', 'type' : 'string'}) %}
  28.                 {% if tel != "" %}
  29.                     <i class="fab fa-whatsapp"></i>
  30.                     <a class="top-bar-link" href="https://wa.me/{{tel}}" target="_blank" title="whatsapp">+34 {{tel}}</a>
  31.                 {% endif %}
  32.                
  33.             </div>
  34.         </div>
  35.     </div>
  36.     <div class="container-fluid d-flex flex-grow-1 flex-stack header-container-margin-negative" style="padding-top: 20px;">
  37.         <!--begin::Header Logo-->
  38.         <div class="d-flex align-items-center me-5">
  39.             <!--begin::Heaeder menu toggle-->
  40.             <div class="d-lg-none btn btn-icon btn-active-color-primary w-30px h-30px ms-n2 me-3" id="kt_header_menu_toggle">
  41.                 <!--begin::Svg Icon | path: icons/duotune/abstract/abs015.svg-->
  42.                 <span class="svg-icon svg-icon-2">
  43.                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  44.                         <path d="M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z" fill="black" />
  45.                         <path opacity="0.3" d="M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z" fill="black" />
  46.                     </svg>
  47.                 </span>
  48.                 <!--end::Svg Icon-->
  49.             </div>
  50.             <!--end::Heaeder menu toggle-->
  51.             <a href="{{ path('index') }}">
  52.                 <img alt="Logo" src="/images/logo/European_Logo.png" class="h-50px h-lg-75px" />
  53.             </a>
  54.         </div>
  55.         <!--end::Header Logo-->
  56.         <!--Menu-->
  57.         <div class="header-menu-container d-flex flex-stack h-lg-75px w-100 toolbar py-5 py-lg-5 mb-lg-4 mt-lg-4 custom-menu-bg" id="kt_header_nav">
  58.             <!--begin::Menu wrapper-->
  59.             <div class="menu-movil header-menu container-xxl d-flex flex-wrap custom-menu-bg" data-kt-drawer="true" data-kt-drawer-name="header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'200px', '300px': '250px'}" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_body', lg: '#kt_header_nav'}">
  60.                 <!--begin::Menu-->
  61.                 <div class="menu menu-lg-rounded menu-column menu-lg-row menu-state-bg menu-state-icon-primary lg-justify-content menu-state-bullet-primary menu-arrow-gray-400 fw-bold my-5 my-lg-0 align-items-stretch flex-grow-1" style="text-transform: uppercase;" id="#kt_header_menu" data-kt-menu="true">
  62.                     <div class="menu-item me-lg-1">
  63.                         <a href="{{ path('index') }}" class="menu-link py-3 custom-menu-link custom-menu-title-color custom-menu-item-hover-bg">
  64.     
  65.                             <span class="menu-title">{{ 'inicio.menu.inicio'| trans({}, 'inicio') }}</span>
  66.                         </a>
  67.                     </div>
  68.                     <div class="menu-item me-lg-1">
  69.                         <a href="{{ path('tienda_index') }}" class="menu-link py-3 custom-menu-link custom-menu-title-color custom-menu-item-hover-bg">
  70.                             <span class="menu-title">{{ 'inicio.menu.tienda'| trans({}, 'inicio') }}</span>
  71.                         </a>
  72.                     </div>
  73.                     {% set paginas = app_pagina_parent() %}
  74.                     {% if paginas | length > 0 %}
  75.                         {% for pagina in paginas %}
  76.                             {% set paginashijas = app_pagina_hijas(pagina) %}
  77.                             {% if paginashijas | length > 0 %}
  78.                                 <div data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-lg-1">
  79.                                     <a href="#" class="menu-item menu-link py-3 custom-menu-link custom-menu-title-color custom-menu-item-hover-bg">
  80.                                             <span class="menu-title custom-menu-hover-link LinkPare" data-slug="{{pagina.PagSlug}}">{{pagina.PagNombre}}</span>
  81.                                             <span class="menu-arrow d-lg-none"></span>
  82.                                     </a>
  83.                                     <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-rounded-0 py-lg-4 w-lg-225px" kt-hidden-height="432">
  84.                                         {% for hija in paginashijas %}
  85.                                             <div class="menu-item">
  86.                                                 <a class="menu-link py-3 dropdown-item" href="{{ path('pagina_view', {'PagSlug': hija.PagSlug}) }}">
  87.                                                     <span class="menu-title  custom-submenu-movil-text">{{hija.PagNombre}}</span>
  88.                                                 </a>
  89.                                             </div>
  90.                                         {% endfor %}
  91.                                     </div>
  92.                                 </div>
  93.                             {% else %}
  94.                                 <div class="menu-item me-lg-1">
  95.                                     <a href="{{ path('pagina_view', {'PagSlug': pagina.PagSlug}) }}" class="menu-link py-3 custom-menu-link custom-menu-title-color custom-menu-item-hover-bg">
  96.                                         <span class="menu-title">{{pagina.PagNombre}}</span>
  97.                                     </a>
  98.                                 </div>
  99.                             {% endif %}
  100.                         {% endfor %}
  101.                     {% endif %}
  102.                     <div class="menu-item me-lg-1">
  103.                         <a href="{{ path('check_index') }}" class="menu-link py-3 custom-menu-link custom-menu-title-color custom-menu-item-hover-bg">
  104.                             <span class="menu-title">{{ 'inicio.menu.check'| trans({}, 'inicio') }}</span>
  105.                         </a>
  106.                     </div>
  107.                     <div class="menu-item me-lg-1">
  108.                         <a href="{{ path('faqs_index') }}" class="menu-link py-3 custom-menu-link custom-menu-title-color custom-menu-item-hover-bg">
  109.                             <span class="menu-title">{{ 'inicio.menu.faq.label'| trans({}, 'inicio') }}</span>
  110.                         </a>
  111.                     </div>
  112.                     <div class="menu-item me-lg-1 enviar-cartas-container">
  113.                         <a href="{{path('usu_pedidos_new')}}" class="menu-link py-3 enviar-cartas-link enviar-cartas-link-menu">
  114.                             <span class="menu-title">{{ 'inicio.menu.submit_cards'| trans({}, 'inicio') }}</span>
  115.                         </a>
  116.                     </div>
  117.                     {% if is_granted('ROLE_USERS_LIST') or is_granted('ROLE_CONFIG_LIST') or is_granted('ROLE_PRODUCTS_LIST_ADMIN') or is_granted('ROLE_CATEGORIES_LIST_ADMIN') or is_granted('ROLE_PAGES_LIST') or is_granted('ROLE_SLIDER_LIST') or is_granted('ROLE_PEDIDOS_LIST_ADMIN') %}
  118.                         <div data-kt-menu-trigger="{default:'click', lg: 'hover'}"  data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-lg-1">
  119.                             <span class="menu-link py-3 custom-menu-link custom-menu-title-color custom-menu-item-hover-bg">
  120.                                 <span class="menu-title custom-menu-hover-link">{{ 'inicio.menu.ajustes'| trans({}, 'inicio') }}</span>
  121.                                 <span class="menu-arrow d-lg-none"></span>
  122.                             </span>
  123.                             <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown menu-rounded-0 py-lg-4 w-lg-225px" kt-hidden-height="432">
  124.                                 {% if is_granted('ROLE_USERS_LIST') %}
  125.                                     <div class="menu-item">
  126.                                         <a class="menu-link py-3 dropdown-item" href="{{ path('usr_index') }}" title="{{ 'inicio.menu.usuarios.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  127.                                             <span class="menu-icon"><i class="fas fa-users-cog"></i></span>
  128.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.usuarios.label'| trans({}, 'inicio') }}</span>
  129.                                         </a>
  130.                                     </div>
  131.                                 {% endif %}
  132.                                 {% if is_granted('ROLE_CONFIG_LIST') %}
  133.                                     <div class="menu-item">
  134.                                         <a class="menu-link py-3 dropdown-item" href="{{ path('config_index') }}" title="{{ 'inicio.menu.config.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  135.                                             <span class="menu-icon"><i class="fas fa-cog"></i></span>
  136.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.config.label'| trans({}, 'inicio') }}</span>
  137.                                         </a>
  138.                                     </div>
  139.                                 {% endif %}
  140.                                 {% if is_granted('ROLE_PRODUCTS_LIST_ADMIN') %}
  141.                                     <div class="menu-item">
  142.                                         <a class="menu-link py-3 dropdown-item" href="{{ path('prod_index') }}" title="{{ 'inicio.menu.producto.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  143.                                             <span class="menu-icon"><i class="fas fa-archive"></i></span>
  144.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.producto.label'| trans({}, 'inicio') }}</span>
  145.                                         </a>
  146.                                     </div>
  147.                                 {% endif %}
  148.                                 {% if is_granted('ROLE_SLIDER_LIST') %}
  149.                                     <div class="menu-item">
  150.                                         <a class="menu-link py-3 dropdown-item" href="{{ path('slider_index') }}" title="{{ 'inicio.menu.banners.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  151.                                             <span class="menu-icon"><i class="fas fa-image"></i></span>
  152.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.banners.label'| trans({}, 'inicio') }}</span>
  153.                                         </a>
  154.                                     </div>
  155.                                 {% endif %}
  156.                                 {% if is_granted('ROLE_PAGES_LIST') %}
  157.                                     <div class="menu-item">
  158.                                         <a class="menu-link py-3 dropdown-item" href="{{ path('pag_index') }}" title="{{ 'inicio.menu.pagina.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  159.                                             <span class="menu-icon"><i class="fas fa-scroll"></i></span>
  160.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.pagina.label'| trans({}, 'inicio') }}</span>
  161.                                         </a>
  162.                                     </div>
  163.                                 {% endif %}
  164.                                 {% if is_granted('ROLE_PEDIDOS_LIST_ADMIN') %}
  165.                                     <div class="menu-item">
  166.                                         <a class="menu-link py-3 dropdown-item" href="{{ path('pedido_index') }}" title="{{ 'inicio.menu.pedido.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  167.                                             <span class="menu-icon"><i class="fas fa-shopping-cart"></i></span>
  168.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.pedido.label'| trans({}, 'inicio') }}</span>
  169.                                         </a>
  170.                                     </div>
  171.                                 {% endif %}
  172.                                 {% if is_granted('ROLE_FAQ_LIST') %}
  173.                                     <div class="menu-item">
  174.                                         <a class="menu-link py-3 dropdown-item" href="{{ path('faq_index') }}" title="{{ 'inicio.menu.faq.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  175.                                             <span class="menu-icon"><i class="fas fa-question"></i></span>
  176.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.faq.label'| trans({}, 'inicio') }}</span>
  177.                                         </a>
  178.                                     </div>
  179.                                 {% endif %}
  180.                                 {% if is_granted('ROLE_GRADEADAS_ADMIN_LIST') %}
  181.                                     <div class="menu-item">
  182.                                         <a class="menu-link py-3 dropdown-item" href="{{ path('grad_index') }}" title="{{ 'inicio.menu.gradeadas.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  183.                                             <span class="menu-icon"><i class="fas fa-dice-d20"></i></span>
  184.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.gradeadas.label'| trans({}, 'inicio') }}</span>
  185.                                         </a>
  186.                                     </div>
  187.                                 {% endif %}
  188.                                 {% if is_granted('ROLE_SERVICIOS_LIST') %}
  189.                                     <div class="menu-item">
  190.                                         <a class="menu-link py-3 dropdown-item" href="{{path('servicio_index')}}" title="{{ 'inicio.menu.servicio.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  191.                                             <span class="menu-icon"><i class="fas fa-hand-holding-usd"></i></span>
  192.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.servicio.label'| trans({}, 'inicio') }}</span>
  193.                                         </a>
  194.                                     </div>
  195.                                 {% endif %}
  196.                                 {% if is_granted('ROLE_DESCUENTOS_LIST') %}
  197.                                     <div class="menu-item">
  198.                                         <a class="menu-link py-3 dropdown-item" href="{{path('des_index')}}" title="{{ 'inicio.menu.descuento.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  199.                                             <span class="menu-icon"><i class="fas fa-percent"></i></span>
  200.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.descuento.label'| trans({}, 'inicio') }}</span>
  201.                                         </a>
  202.                                     </div>
  203.                                 {% endif %}
  204.                                 {% if is_granted('ROLE_TRANSPORTISTAS_LIST') %}
  205.                                     <div class="menu-item">
  206.                                         <a class="menu-link py-3 dropdown-item" href="{{path('trans_index')}}" title="{{ 'inicio.menu.transportistas.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  207.                                             <span class="menu-icon"><i class="fas fa-shipping-fast"></i></span>
  208.                                             <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.transportistas.label'| trans({}, 'inicio') }}</span>
  209.                                         </a>
  210.                                     </div>
  211.                                 {% endif %}
  212.                                 {% if is_granted('ROLE_TRADUCCIONES_LIST') %}
  213.                                     {% if app.user %}
  214.                                         {% set userlocale = app.user.language %}
  215.                                         <div class="menu-item">
  216.                                             <a class="menu-link py-3 dropdown-item" href="/{{userlocale}}/translations" title="{{ 'inicio.menu.traducciones.help'| trans({}, 'inicio') }}" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="left">
  217.                                                 <span class="menu-icon"><i class="fas fa-globe"></i></span>
  218.                                                 <span class="menu-title custom-submenu-movil-text">{{ 'inicio.menu.traducciones.label'| trans({}, 'inicio') }}</span>
  219.                                             </a>
  220.                                         </div>
  221.                                     {% endif %}
  222.                                 {% endif %}
  223.                             </div>
  224.                         </div>
  225.                 
  226.                     {% endif %}
  227.                 </div>
  228.                 <!--end::Menu-->
  229.                 <!--begin::Actions-->
  230.                 {#<div class="flex-shrink-0 p-4 p-lg-0 me-lg-2">
  231.                     <a href="#" class="btn btn-sm btn-light-dark fw-bolder w-100 w-lg-auto" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss-="click" title="Formulario de contacto"><i class="far fa-envelope"></i> Contacto</a>
  232.                 </div>#}
  233.                 <!--end::Actions-->
  234.             </div>
  235.             <!--end::Menu wrapper-->
  236.         </div>
  238.         <!--Botons Usuari-->
  239.         <div class="d-flex align-items-center flex-shrink-0">        
  240.             <div class="d-flex align-items-center ms-3 ms-lg-4" id="kt_header_user_menu_toggle2">
  241.                 <!--begin::Menu- wrapper-->
  242.                 <!--begin::User icon(remove this button to use user avatar as menu toggle)-->
  243.                 <div class="btn btn-icon btn-color-gray-700 btn-active-color-primary btn-outline btn-outline-secondary w-30px h-30px w-lg-40px h-lg-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
  244.                     <!--begin::Svg Icon | path: icons/duotune/communication/com013.svg-->
  245.                     {% set locale = app.request.locale %}
  246.                     {% if locale != null %}
  247.                         <img class="rounded-1 p-3" src="/images/flags/{{locale}}.svg" alt="UK" />
  248.                     {% else %}
  249.                         <i class="fas fa-globe"></i>
  250.                     {% endif %}
  251.                     <!--end::Svg Icon-->
  252.                 </div>
  253.                 <!--end::User icon-->
  254.                 
  255.                 <!--begin::User account menu-->
  256.                 <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary fw-bold fs-6 w-180px" style="max-width: 180px;" data-kt-menu="true">
  257.                     <!--begin::Menu item-->
  258.                     <!--begin::Menu item-->
  259.                     <div class="menu-item px-3">
  260.                         <a href="{{ path('index', {'_locale' : 'en'}) }}" class="menu-link d-flex px-5 {{locale == 'en' ? 'active' : ''}}">
  261.                         <span class="symbol symbol-20px me-4">
  262.                             <img class="rounded-1" src="/images/flags/en.svg" alt="UK" />
  263.                         </span>{{'idiomas.ingles'| trans({}, 'messages')}}</a>
  264.                     </div>
  265.                     <!--end::Menu item-->
  266.                     <!--begin::Menu item-->
  267.                     <div class="menu-item px-3">
  268.                         <a href="{{ path('index', {'_locale' : 'es'}) }}" class="menu-link d-flex px-5 {{locale == 'es' ? 'active' : ''}}">
  269.                         <span class="symbol symbol-20px me-4">
  270.                             <img class="rounded-1" src="/images/flags/es.svg" alt="Spain" />
  271.                         </span>{{'idiomas.spain'| trans({}, 'messages')}}</a>
  272.                     </div>
  273.                     <!--end::Menu item-->
  274.                     <!--begin::Menu item-->
  275.                     <div class="menu-item px-3">
  276.                         <a href="{{ path('index', {'_locale' : 'de'}) }}" class="menu-link d-flex px-5 {{locale == 'de' ? 'active' : ''}}">
  277.                         <span class="symbol symbol-20px me-4">
  278.                             <img class="rounded-1" src="/images/flags/de.svg" alt="Germany" />
  279.                         </span>{{'idiomas.aleman'| trans({}, 'messages')}}</a>
  280.                     </div>
  281.                     <!--end::Menu item-->
  282.                     <!--begin::Menu item-->
  283.                     <div class="menu-item px-3">
  284.                         <a href="{{ path('index', {'_locale' : 'it'}) }}" class="menu-link d-flex px-5 {{locale == 'it' ? 'active' : ''}}">
  285.                         <span class="symbol symbol-20px me-4">
  286.                             <img class="rounded-1" src="/images/flags/it.svg" alt="Italy" />
  287.                         </span>{{'idiomas.italiano'| trans({}, 'messages')}}</a>
  288.                     </div>
  289.                     <div class="menu-item px-3">
  290.                         <a href="{{ path('index', {'_locale' : 'pt'}) }}" class="menu-link d-flex px-5 {{locale == 'pt' ? 'active' : ''}}">
  291.                         <span class="symbol symbol-20px me-4">
  292.                             <img class="rounded-1" src="/images/flags/pt.svg" alt="Portugal" />
  293.                         </span>{{'idiomas.portugues'| trans({}, 'messages')}}</a>
  294.                     </div>
  295.                     <!--end::Menu item-->
  296.                     <!--begin::Menu item-->
  297.                     <div class="menu-item px-3">
  298.                         <a href="{{ path('index', {'_locale' : 'fr'}) }}" class="menu-link d-flex px-5 {{locale == 'fr' ? 'active' : ''}}">
  299.                         <span class="symbol symbol-20px me-4">
  300.                             <img class="rounded-1" src="/images/flags/fr.svg" alt="France" />
  301.                         </span>{{'idiomas.frances'| trans({}, 'messages')}}</a>
  302.                     </div>
  303.                     <!--end::Menu item-->
  304.                     <!--end::Menu item-->
  305.                 </div>
  306.                 <!--end::User account menu-->
  307.                 <!--end::Menu wrapper-->
  308.             </div>
  309.             <div class="d-flex align-items-center ms-3 ms-lg-4" id="kt_header_user_menu_toggle">
  310.                 <!--begin::Menu- wrapper-->
  311.                 <!--begin::User icon(remove this button to use user avatar as menu toggle)-->
  312.                 <div class="btn btn-icon btn-color-gray-700 btn-active-color-primary btn-outline btn-outline-secondary w-30px h-30px w-lg-40px h-lg-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
  313.                     <!--begin::Svg Icon | path: icons/duotune/communication/com013.svg-->
  314.                     <span class="svg-icon svg-icon-1">
  315.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  316.                             <path d="M6.28548 15.0861C7.34369 13.1814 9.35142 12 11.5304 12H12.4696C14.6486 12 16.6563 13.1814 17.7145 15.0861L19.3493 18.0287C20.0899 19.3618 19.1259 21 17.601 21H6.39903C4.87406 21 3.91012 19.3618 4.65071 18.0287L6.28548 15.0861Z" fill="black" />
  317.                             <rect opacity="0.3" x="8" y="3" width="8" height="8" rx="4" fill="black" />
  318.                         </svg>
  319.                     </span>
  320.                     <!--end::Svg Icon-->
  321.                 </div>
  322.                 <!--end::User icon-->
  323.                 
  324.                 <!--begin::User account menu-->
  325.                 <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary fw-bold fs-6 w-275px" data-kt-menu="true">
  326.                     <!--begin::Menu item-->
  327.                     {% if app.user %}
  328.                         <div class="menu-item px-3">
  329.                             <div class="menu-content d-flex align-items-center px-3">
  330.                                 <!--begin::Avatar-->
  331.                                 <div class="symbol symbol-50px me-5">
  332.                                     <img alt="Logo" src="/images/sin_image_user.png" />
  333.                                 </div>
  334.                                 <!--end::Avatar-->
  335.                                 <!--begin::Username-->
  336.                                 <div class="d-flex flex-column">
  337.                                     <div class="fw-bolder d-flex align-items-center fs-5">{{ app.user.getFullName() }}
  338.                                         {#<span class="badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2">Pro</span>#}
  339.                                     </div>
  340.                                     <a href="#" class="fw-bold text-muted text-hover-primary fs-7">{{ app.user.email }}</a>
  341.                                 </div>
  342.                                 <!--end::Username-->
  343.                             </div>
  344.                         </div>
  345.                         <!--end::Menu item-->
  346.                         <div class="separator my-2"></div>
  347.                         {#<!--begin::Menu separator-->
  348.                         
  349.                         <!--end::Menu item-->
  350.                         <!--begin::Menu separator-->
  351.                         <div class="separator my-2"></div>
  352.                         <!--end::Menu separator-->
  353.                         #}
  354.                         <!--begin::Menu item-->
  355.                         <div class="menu-item my-1">
  356.                             <a href="{{ path('usuario_mi_perfil') }}" class="menu-link px-5">
  357.                                 <span class="menu-icon">
  358.                                     <i class="fas fa-address-card"></i>
  359.                                 </span>
  360.                                 <span class="menu-title">
  361.                                     {{ 'inicio.header.usuario.sesion.perfil'| trans({}, 'inicio') }}
  362.                                 </span>
  363.                             </a>
  364.                         </div>
  365.                         <div class="menu-item my-1">
  366.                             <a href="{{ path('miperfil_pass_edit') }}" class="menu-link px-5">
  367.                                 <span class="menu-icon">
  368.                                     <i class="fas fa-key"></i> 
  369.                                 </span>
  370.                                 <span class="menu-title">
  371.                                     {{ 'inicio.header.usuario.sesion.pass'| trans({}, 'inicio') }}
  372.                                 </span>
  373.                             </a>
  374.                         </div>
  375.                         <div class="menu-item my-1">
  376.                             <a href="{{ path('dir_index') }}" class="menu-link px-5">
  377.                                 <span class="menu-icon">
  378.                                     <i class="fas fa-map-marker-alt"></i>
  379.                                 </span>
  380.                                 <span class="menu-title">
  381.                                     {{ 'inicio.header.usuario.sesion.direcciones'| trans({}, 'inicio') }}
  382.                                 </span>
  383.                             </a>
  384.                         </div>
  385.                         <!--end::Menu item-->
  386.                         <!--begin::Menu item-->
  387.                         <div class="menu-item my-1">
  388.                             <a href="{{ path('usu_pedidos_index') }}" class="menu-link px-5">
  389.                                 <span class="menu-icon">
  390.                                     <i class="fas fa-box-open"></i> 
  391.                                 </span>
  392.                                 <span class="menu-title">
  393.                                     {{ 'inicio.header.usuario.sesion.histped'| trans({}, 'inicio') }}
  394.                                 </span>
  395.                             </a>
  396.                         </div>
  397.                         <div class="menu-item my-1">
  398.                             <a href="{{ path('album_index') }}" class="menu-link px-5">
  399.                                 <span class="menu-icon">
  400.                                     <i class="fas fa-bookmark"></i> 
  401.                                 </span>
  402.                                 <span class="menu-title">
  403.                                     {{ 'inicio.header.usuario.sesion.album'| trans({}, 'inicio') }}
  404.                                 </span>
  405.                             </a>
  406.                         </div>
  407.                         {% if is_granted('ROLE_MY_HIST_COMISIONES_LIST') %}
  408.                             <div class="menu-item my-1">
  409.                                 <a href="{{ path('public_com_index') }}" class="menu-link px-5">
  410.                                     <span class="menu-icon">
  411.                                         <i class="fas fa-calendar-minus"></i> 
  412.                                     </span>
  413.                                     <span class="menu-title">
  414.                                         {{ 'inicio.header.usuario.sesion.histcom'| trans({}, 'inicio') }}
  415.                                     </span>
  416.                                 </a>
  417.                             </div>
  418.                         {% endif %}
  419.                         <!--end::Menu item-->
  420.                         {% if is_granted('IS_IMPERSONATOR') %}
  421.                         <div class="menu-item">
  422.                             <a class="menu-link px-5" href="{{ impersonation_exit_path(path('index') ) }}">
  423.                                 <span class="menu-icon">
  424.                                     <i class="fas fa-backward"></i>
  425.                                 </span>
  426.                                 <span class="menu-title">
  427.                                         {{ 'inicio.header.usuario.sesion.impersonar'| trans({}, 'inicio') }}
  428.                                 </span>
  429.                             </a>
  430.                         </div>
  431.                         {% endif %}
  432.                         <!--begin::Menu item-->
  433.                         <div class="menu-item">
  434.                             <a href="{{ path('app_logout') }}" class="menu-link px-5">
  435.                                 <span class="menu-icon">
  436.                                     <i class="fas fa-sign-out-alt"></i>
  437.                                 </span>
  438.                                 <span class="menu-title">
  439.                                     {{ 'inicio.header.usuario.sesion.cerrar'| trans({}, 'inicio') }}
  440.                                 </span>
  441.                             </a>
  442.                         </div>
  443.                     {% else %}
  444.                         <div class="menu-item pt-2 m-4">
  445.                             <a href="{{ path('app_login') }}" class="menu-link px-5">
  446.                                 <span class="menu-icon">
  447.                                     <i class="fas fa-sign-out-alt"></i>
  448.                                 </span>
  449.                                 <span class="menu-title">
  450.                                     {{ 'inicio.header.usuario.sesion.iniciar'| trans({}, 'inicio') }}
  451.                                 </span>
  452.                             </a>
  453.                         </div>
  454.                         <div class="menu-item m-4">
  455.                             <a href="{{ path('app_register') }}" class="menu-link px-5">
  456.                                 <span class="menu-icon">
  457.                                     <i class="fas fa-pen"></i>
  458.                                 </span>
  459.                                 <span class="menu-title">
  460.                                     {{ 'inicio.header.usuario.sesion.registrate'| trans({}, 'inicio') }}
  461.                                 </span>
  462.                             </a>
  463.                         </div>
  464.                     {% endif %}
  465.                     <!--end::Menu item-->
  466.                 </div>
  467.                 <!--end::User account menu-->
  468.                 <!--end::Menu wrapper-->
  469.             </div>
  470.             <!--end::User -->
  471.             <!--begin::Chat-->
  472.             <!--end::Chat-->
  473.             <!--begin::Sidebar Toggler-->
  474.             <!--end::Sidebar Toggler-->
  475.         </div>
  476.         <!--end::Topbar-->
  477.     </div>
  478. </div>