templates/common/header.html.twig line 1

Open in your IDE?
  1. <header class="d-print-none">
  2.     <div class="topbar d-flex align-items-center">
  3.             <nav class="navbar navbar-expand">
  4.                     <div class="mobile-toggle-menu"><i class='bx bx-menu'></i>
  5.                     </div>
  6.                     <div class="search-bar flex-grow-1">
  7.                        
  8.                     </div>
  9.                     
  10.                     <div class="top-menu ms-auto">
  11.                         <ul class="navbar-nav align-items-center">
  12.                                
  13.                                 <li class="nav-item dropdown dropdown-large">
  14.                                         <a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">0</span>
  15.                                                 <i class='bx bx-bell'></i>
  16.                                         </a>
  17.                                         <div class="dropdown-menu dropdown-menu-end">
  18.                                                 <a href="javascript:;">
  19.                                                         <div class="msg-header">
  20.                                                                 <p class="msg-header-title">Notificaciones</p>
  21.                                                                 <p class="msg-header-clear ms-auto">Marcar todo como leído</p>
  22.                                                         </div>
  23.                                                 </a>
  24.                                                 <div class="header-notifications-list">
  25.                                                        
  26.                                                         <a class="dropdown-item" href="javascript:;">
  27.                                                                 <div class="d-flex align-items-center">
  28.                                                                         <div class="notify bg-light-danger text-danger"><i class="bx bx-cart-alt"></i>
  29.                                                                         </div>
  30.                                                                         <div class="flex-grow-1">
  31.                                                                                 <h6 class="msg-name">New Orders <span class="msg-time float-end">2 min
  32.                                                                         ago</span></h6>
  33.                                                                                 <p class="msg-info">You have recived new orders</p>
  34.                                                                         </div>
  35.                                                                 </div>
  36.                                                         </a>
  37.                                                        
  38.                                                 </div>
  39.                                                 
  40.                                         </div>
  41.                                 </li>
  42.                                
  43.                         </ul>
  44.                 </div>
  45.                     <div class="user-box dropdown">
  46.                             <a class="d-flex align-items-center nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  47.                                     <!--img src="{{ asset('assets/images/logos/logo-nubes-horitzontal.png') }}" class="user-img" alt="user avatar"-->
  48.                                     <div class="user-info ps-3">
  49.                                             <p class="user-name mb-0">{{ app.user.getName() }}</p>
  50.                                             <p class="designattion mb-0">{{ app.user.getSurname() }}</p>
  51.                                     </div>
  52.                             </a>
  53.                             <ul class="dropdown-menu dropdown-menu-end">
  54.                                     <li><a class="dropdown-item" href="javascript:;"><i class="bx bx-user"></i><span>Perfil</span></a>
  55.                                     </li>
  56.                                     
  57.                                     <li>
  58.                                             <div class="dropdown-divider mb-0"></div>
  59.                                     </li>
  60.                                     <li><a class="dropdown-item" href="{{ path('logout') }}"><i class='bx bx-log-out-circle'></i><span>Salir</span></a>
  61.                                     </li>
  62.                             </ul>
  63.                     </div>
  64.             </nav>
  65.     </div>
  66. </header>