Viewing File: /home/ubuntu/route-and-root-backend-base/resources/views/layouts/admin/header.blade.php

<div class="wrapper d-flex flex-column flex-row-fluid" id="kt_wrapper">
<div id="kt_header" style="" class="header align-items-stretch">
   <div class="container-fluid d-flex align-items-stretch justify-content-between">
      <div class="d-flex align-items-center d-lg-none ms-n2 me-2" title="Show aside menu">
         <div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px" id="kt_aside_mobile_toggle">
            <span class="svg-icon svg-icon-1">
               <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                  <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" />
                  <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" />
               </svg>
            </span>
         </div>
      </div>
      <div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0">
         <a href="" class="d-lg-none">
         <img alt="Logo"  src="{{ Setting::get('site_logo') }}" class="h-30px" />
         </a>
      </div>
      <div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1">
         <div class="d-flex align-items-stretch" id="kt_header_nav">
            <div class="header-menu align-items-stretch" 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="end" data-kt-drawer-toggle="#kt_header_menu_mobile_toggle" data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_body', lg: '#kt_header_nav'}">
            </div>
         </div>
         <div class="d-flex align-items-stretch flex-shrink-0">
            <div class="d-flex align-items-center ms-1 ms-lg-3 gap-5" id="kt_header_user_menu_toggle">
               <div class="">
                  <a href="{{ Setting::get('frontend_url') }}" target="_blank" class="btn btn-sm btn-dark-blue">{{ tr('user_panel') }}</a>
               </div>
               <div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
                  <img src="{{ Auth::guard('admin')->user()->picture ? : asset('images/profile_img.png') }}" alt="user" />
               </div>
               <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary fw-bold py-4 fs-6 w-275px" data-kt-menu="true">
                  <div class="menu-item px-3">
                     <div class="menu-content d-flex align-items-center px-3">
                        <div class="symbol symbol-50px me-5">
                           <img alt="Logo" src="{{ Auth::guard('admin')->user()->picture ? : asset('images/profile_img.png') }}" />
                        </div>
                        <div class="d-flex flex-column">
                           <div class="fw-bolder d-flex align-items-center fs-5">{{ Auth::guard('admin')->user()->name }}
                           </div>
                           <a href="{{ route('admin.profile') }}" title="{{ Auth::guard('admin')->user()->email }}" class="fw-bold text-muted text-hover-primary fs-7"> 

                              @if(strlen( Auth::guard('admin')->user()->email) <= 23)
                                 {{ Auth::guard('admin')->user()->email  }} 
                              @else
                                 {{ substr(Auth::guard('admin')->user()->email, 0, 10)   }}...{{ substr(Auth::guard('admin')->user()->email, -11)   }} 
                              @endif
                           </a>
                        </div>
                     </div>
                  </div>
                  <div class="separator my-2"></div>
                  <div class="menu-item px-5 my-1">
                     <a href="{{ route('admin.profile') }}" class="menu-link px-5">{{ tr('profile') }}</a>
                  </div>
                  <div class="menu-item px-5">
                     <a data-bs-toggle="modal" data-bs-target="#logout_modal" class="menu-link px-5">{{ tr('logout') }}</a>
                  </div>
                  <div class="separator my-2"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>