      <header class="navbar navbar-expand-md navbar-light sticky-top d-print-none">
          <div class="container-xl">
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
                  <span class="navbar-toggler-icon"></span>
              </button>
              <a href="#" class="h1 navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
                  {{ config('app.name') }} CMS
              </a>
              <div class="navbar-nav flex-row order-md-last">

                  @auth
                      <div class="nav-item dropdown">
                          <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown"
                              aria-label="Open user menu">
                              <span class="avatar avatar-sm"
                                  style="background-image: url(https://eu.ui-avatars.com/api/?name={{ urlencode(auth()->user()->name) }})"></span>
                              <div class="d-none d-xl-block ps-2">
                                  {{ auth()->user()->name ?? null }}
                              </div>
                          </a>
                          <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                              <a href="{{ route('profile.show') }}" class="dropdown-item">{{ __('Profile') }}</a>
                              <div class="dropdown-divider"></div>
                              <form method="POST" action="{{ route('logout') }}">
                                  @csrf
                                  <a href="{{ route('logout') }}" class="dropdown-item"
                                      onclick="event.preventDefault(); this.closest('form').submit();">
                                      {{ __('Log Out') }}
                                  </a>
                              </form>
                          </div>
                      </div>
                  @endauth

              </div>
          </div>
      </header>
