<div class="dropdown ms-sm-3 header-item topbar-user">
  <button type="button" class="btn" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true"
    aria-expanded="false">
    <span class="d-flex align-items-center">
      <img class="rounded-circle header-profile-user"
        src="{{ asset(SITEVARS->icon) ?? asset('assets/images/users/avatar-1.jpg') }}" alt="Header Avatar">
      <span class="ms-xl-2 text-start">
        <span class="d-none d-xl-inline-block fw-medium user-name-text ms-1">{{ auth()->user()->name }}</span>

      </span>
    </span>
  </button>
  <div class="dropdown-menu dropdown-menu-end">
    <!-- item-->
    <h6 class="dropdown-header">Welcome {{ auth()->user()->name }}</h6>

    <a class="dropdown-item" href="{{ route('auth.logout') }}"><i
        class="mdi mdi-logout text-muted fs-16 me-1 align-middle"></i> <span class="align-middle"
        data-key="t-logout">Logout</span></a>
  </div>
</div>