 <div class="dashboard-header">
     <div class="dashboard-header__left">
         <button class="btn btn--icon btn--xsm btn--dark d-xl-none" type="button" data-toggle="offcanvas-sidebar" data-target="#dashboard-sidebar">
             <i class="fas fa-bars"></i>
         </button>
         <div class="dashboard-user">
            <h6 class="dashboard-user__name">@lang('Hello'), {{ '@'.auth()->user()?->username ?? '' }}</h6>
            <span class="dashboard-user__date">
                {{ now()->format('l, d M Y') }}
            </span>
         </div>
     </div>
     <div class="dashboard-header__right">
         <div class="dropdown dropdown--profile">
             <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                 <img src="{{ getImage(getFilePath('userProfile') . '/' . auth()->user()?->image ?? '', getFileSize('userProfile')) }}" alt="">
             </button>
             <div class="dropdown-menu dropdown-menu-end">
                 <div class="dropdown-menu__header">
                     <div class="dropdown-user">
                         <img class="dropdown-user__thumb" src="{{ getImage(getFilePath('userProfile') . '/' . auth()->user()?->image ?? '', getFileSize('userProfile')) }}" alt="">
                         <div class="dropdown-user__content">
                             <p class="dropdown-user__name">{{ auth()->user()?->username ?? '' }}</p>
                             <span class="dropdown-user__balance">{{ showAmount(auth()->user()?->balance ?? '') }}</span>
                         </div>
                     </div>
                 </div>
                 <div class="dropdown-menu__body">
                     <a class="dropdown-item" href="{{ route('user.profile.setting') }}">
                         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                             <path d="M15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12C13.6569 12 15 10.6569 15 9Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                             </path>
                             <path d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                             </path>
                             <path d="M17 17C17 14.2386 14.7614 12 12 12C9.23858 12 7 14.2386 7 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                         </svg>
                         <span class="text">@lang('Profile Setting')</span>
                     </a>
                     <a class="dropdown-item" href="{{ route('user.change.password') }}">
                         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                             <path d="M4.26781 18.8447C4.49269 20.515 5.87613 21.8235 7.55966 21.9009C8.97627 21.966 10.4153 22 12 22C13.5847 22 15.0237 21.966 16.4403 21.9009C18.1239 21.8235 19.5073 20.515 19.7322 18.8447C19.879 17.7547 20 16.6376 20 15.5C20 14.3624 19.879 13.2453 19.7322 12.1553C19.5073 10.485 18.1239 9.17649 16.4403 9.09909C15.0237 9.03397 13.5847 9 12 9C10.4153 9 8.97627 9.03397 7.55966 9.09909C5.87613 9.17649 4.49269 10.485 4.26781 12.1553C4.12105 13.2453 4 14.3624 4 15.5C4 16.6376 4.12105 17.7547 4.26781 18.8447Z" stroke="currentColor" stroke-width="2"></path>
                             <path d="M7.5 9V6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5V9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                             </path>
                             <path d="M16 15.49V15.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                             <path d="M12 15.49V15.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                             <path d="M8 15.49V15.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                         </svg>
                         <span class="text">@lang('Change Password')</span>
                     </a>
                     <a class="dropdown-item" href="{{ route('user.twofactor') }}">
                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scan-qr-code-icon lucide-scan-qr-code">
                             <path d="M17 12v4a1 1 0 0 1-1 1h-4" />
                             <path d="M17 3h2a2 2 0 0 1 2 2v2" />
                             <path d="M17 8V7" />
                             <path d="M21 17v2a2 2 0 0 1-2 2h-2" />
                             <path d="M3 7V5a2 2 0 0 1 2-2h2" />
                             <path d="M7 17h.01" />
                             <path d="M7 21H5a2 2 0 0 1-2-2v-2" />
                             <rect x="7" y="7" width="5" height="5" rx="1" />
                         </svg>
                         <span class="text">@lang('2FA Security')</span>
                     </a>
                     <a class="dropdown-item" href="{{ route('ticket.index') }}">
                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg" role="img" color="currentColor">
                             <path d="M2 9.5V6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V9.5C20.6193 9.5 19.5 10.6193 19.5 12C19.5 13.3807 20.6193 14.5 22 14.5V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V14.5C3.38071 14.5 4.5 13.3807 4.5 12C4.5 10.6193 3.38071 9.5 2 9.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                             </path>
                         </svg>
                         <span class="text">@lang('Support Tickets')</span>
                     </a>
                     <a class="dropdown-item logout" href="{{ route('user.logout') }}">
                         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                             <path d="M15 17.625C14.9264 19.4769 13.3831 21.0494 11.3156 20.9988C10.8346 20.987 10.2401 20.8194 9.05112 20.484C6.18961 19.6768 3.70555 18.3203 3.10956 15.2815C3 14.723 3 14.0944 3 12.8373V11.1627C3 9.90561 3 9.27705 3.10956 8.71846C3.70555 5.67965 6.18961 4.32316 9.05112 3.51603C10.2401 3.18064 10.8346 3.01295 11.3156 3.00119C13.3831 2.95061 14.9264 4.52307 15 6.37501" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                             <path d="M21 12H10M21 12C21 11.2998 19.0057 9.99153 18.5 9.5M21 12C21 12.7002 19.0057 14.0085 18.5 14.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                         </svg>
                         <span class="text">@lang('Logout')</span>
                     </a>
                 </div>
             </div>
         </div>
     </div>
 </div>
