<nav class="bg-white border-b border-gray-100"> <!-- Primary Navigation Menu --> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between h-16"> <div class="flex"> <!-- Logo --> <div class="shrink-0 flex items-center"> <a href="{{ route('dashboard') }}"> <x-application-logo class="block h-10 w-auto fill-current text-gray-600" /> </a> </div> <!-- Navigation Links --> <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex"> <x-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')"> {{ __('Dashboard') }} </x-nav-link> </div> </div> <!-- Settings Dropdown --> <div class="hidden sm:flex sm:items-center sm:ml-6"> <div id="menu" data-user="{{ Auth::user()->name }}"></div> <!-- Authentication --> <form method="POST" action="{{ route('logout') }}" style="display: none;" id="logout-form"> @csrf <x-dropdown-link :href="route('logout')" onclick="event.preventDefault(); this.closest('form').submit();"> {{ __('Log Out') }} </x-dropdown-link> </form> </div> <!-- Hamburger --> <div class="-mr-2 flex items-center sm:hidden"> <div id="mobile-menu" data-user="{{ Auth::user()->name }}"></div> </div> </div> </div> </nav>