diaREact/resources/views/layouts/navigation.blade.php

42 lines
1.7 KiB
PHP

<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>