<div class="app-header header-shadow bg-dark header-text-light"> <div class="app-header__logo"> <div class="logo-src"></div> <div class="header__pane ml-auto"> <div> <button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-class="closed-sidebar"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> </div> </div> <div class="app-header__mobile-menu"> <div> <button type="button" class="hamburger hamburger--elastic mobile-toggle-nav"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> </div> <div class="app-header__menu"> <span> <button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav"> <span class="btn-icon-wrapper"> <i class="fas fa-ellipsis-v fa-w-6"></i> </span> </button> </span> </div> <div class="app-header__content"> <div class="app-header-left"> <div class="search-wrapper"> <div class="input-holder"> <input type="text" class="search-input" placeholder="Type to search"> <button class="search-icon"><span></span></button> </div> <button class="close"></button> </div> <ul class="header-menu nav"> {{-- <li class="nav-item"> <a href="javascript:void(0);" class="nav-link"> <i class="nav-link-icon fas fa-database"></i> Link </a> </li> --}} </ul> </div> <div class="app-header-right"> <div class="header-btn-lg pr-0"> <div class="widget-content p-0"> <div class="widget-content-wrapper"> <div class="widget-content-left"> <div class="btn-group"> <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="p-0 btn"> <img width="42" class="rounded-circle" src="assets/images/avatars/1.jpg" alt=""> <i class="fas fa-angle-down ml-2 opacity-8"></i> </a> <div tabindex="-1" role="menu" aria-hidden="true" class="dropdown-menu dropdown-menu-right"> <button type="button" tabindex="0" class="dropdown-item">User Account</button> <button type="button" tabindex="0" class="dropdown-item">Settings</button> <h6 tabindex="-1" class="dropdown-header">Header</h6> <button type="button" tabindex="0" class="dropdown-item">Actions</button> <div tabindex="-1" class="dropdown-divider"></div> <button type="button" tabindex="0" class="dropdown-item">Dividers</button> </div> </div> </div> <div class="widget-content-left ml-3 header-user-info"> <div class="widget-heading"> {{ $user->name ?? 'John Smith' }} </div> <div class="widget-subheading"> {{ $user->title ?? 'Primary Developer' }} </div> </div> <div class="widget-content-right header-user-info ml-3"> <button type="button" class="btn-shadow p-1 btn btn-primary btn-sm show-toastr-example"> <i class="fas text-white fa-calendar pr-1 pl-1"></i> </button> </div> </div> </div> </div> </div> </div> </div>