<nav class="app-header navbar navbar-expand navbar-custom"> <!--begin::Container-->
    <div class="container-fluid"> <!--begin::Start Navbar Links-->
        <ul class="navbar-nav">
            <li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
        </ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
        <ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
           {{-- button user, logout star--}}
            <!-- component -->
            <div class="btn-group dropstart">
                <button type="button" class="btn btn-success dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="fa-regular fa-user fa-beat" style="color: #63E6BE;"></i>
                </button>
                <ul class="dropdown-menu">
                    <li><p class="dropdown-item text-center">Welcome <span class="" style="color: blue; font-weight:bold;">{{Auth::user()->name}}</span></p></li>
                    <li><p class="dropdown-item text-center">Kasir</p></li>
                    <li><a class="dropdown-item btn link-danger text-center" href="{{ route('login') }}">Logout<i class="fa-solid fa-right-from-bracket"></i></a></li>
                </ul>
              </div>
  
        <style>
        .hover-trigger .hover-target {
            display: none;
        }
        
        .hover-trigger:hover .hover-target {
            display: block;
        }
        </style>
           {{-- button user, logout end--}}
        </ul> <!--end::End Navbar Links-->
    </div> <!--end::Container-->
</nav> <!--end::Header--> <!--begin::Sidebar-->