86 lines
6.0 KiB
PHP
86 lines
6.0 KiB
PHP
<nav x-data="{ open: false }" class="bg-white border-b border-gray-200">
|
|
<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 items-center gap-8">
|
|
<a href="{{ route('websites.index') }}" class="flex items-center gap-2.5">
|
|
<div class="w-8 h-8 bg-gray-50 rounded-lg flex items-center justify-center">
|
|
<img src="{{ asset('/assets/img/logo_top_small.png') }}" alt="LibreMetrics">
|
|
{{-- <svg class="w-5 h-5 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">--}}
|
|
{{-- <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z" />--}}
|
|
{{-- </svg>--}}
|
|
</div>
|
|
<span class="font-semibold text-gray-900">{{ config('app.name', 'Analytics') }}</span>
|
|
</a>
|
|
|
|
<div class="hidden sm:flex items-center gap-1">
|
|
<a href="{{ route('websites.index') }}" class="px-3 py-2 rounded-lg text-sm font-medium {{ request()->routeIs('websites.*') ? 'text-indigo-600 bg-indigo-50' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50' }} transition">
|
|
Websites
|
|
</a>
|
|
<a href="{{ route('api-tokens.index') }}" class="px-3 py-2 rounded-lg text-sm font-medium {{ request()->routeIs('api-tokens.*') ? 'text-indigo-600 bg-indigo-50' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50' }} transition">
|
|
API
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hidden sm:flex items-center">
|
|
<x-dropdown align="right" width="48">
|
|
<x-slot name="trigger">
|
|
<button class="flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-gray-600 hover:text-gray-900 hover:bg-gray-50 transition">
|
|
<span class="flex items-center justify-center w-7 h-7 rounded-full bg-indigo-100 text-xs font-semibold text-indigo-700">
|
|
{{ strtoupper(substr(Auth::user()->name, 0, 1)) }}
|
|
</span>
|
|
<span>{{ Auth::user()->name }}</span>
|
|
<svg class="w-4 h-4 text-gray-400" fill="none" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" fill="currentColor" />
|
|
</svg>
|
|
</button>
|
|
</x-slot>
|
|
<x-slot name="content">
|
|
<x-dropdown-link :href="route('profile.edit')">Profile</x-dropdown-link>
|
|
<form method="POST" action="{{ route('logout') }}">
|
|
@csrf
|
|
<x-dropdown-link :href="route('logout')" onclick="event.preventDefault(); this.closest('form').submit();">Log Out</x-dropdown-link>
|
|
</form>
|
|
</x-slot>
|
|
</x-dropdown>
|
|
</div>
|
|
|
|
<div class="-me-2 flex items-center sm:hidden">
|
|
<button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-lg text-gray-400 hover:text-gray-500 hover:bg-gray-100 transition">
|
|
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
|
|
<path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
|
<path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden border-t border-gray-200">
|
|
<div class="pt-2 pb-3 space-y-1 px-4">
|
|
<a href="{{ route('websites.index') }}" class="block rounded-lg px-3 py-2 text-base font-medium {{ request()->routeIs('websites.*') ? 'text-indigo-600 bg-indigo-50' : 'text-gray-600' }}">
|
|
Websites
|
|
</a>
|
|
<a href="{{ route('api-tokens.index') }}" class="block rounded-lg px-3 py-2 text-base font-medium {{ request()->routeIs('api-tokens.*') ? 'text-indigo-600 bg-indigo-50' : 'text-gray-600' }}">
|
|
API Tokens
|
|
</a>
|
|
</div>
|
|
<div class="pt-3 pb-3 border-t border-gray-200 px-4">
|
|
<div class="flex items-center gap-3 mb-3">
|
|
<span class="flex items-center justify-center w-8 h-8 rounded-full bg-indigo-100 text-sm font-semibold text-indigo-700">
|
|
{{ strtoupper(substr(Auth::user()->name, 0, 1)) }}
|
|
</span>
|
|
<div>
|
|
<div class="text-sm font-medium text-gray-800">{{ Auth::user()->name }}</div>
|
|
<div class="text-xs text-gray-500">{{ Auth::user()->email }}</div>
|
|
</div>
|
|
</div>
|
|
<a href="{{ route('profile.edit') }}" class="block rounded-lg px-3 py-2 text-sm text-gray-600 hover:bg-gray-50">Profile</a>
|
|
<form method="POST" action="{{ route('logout') }}">
|
|
@csrf
|
|
<button type="submit" class="block w-full text-left rounded-lg px-3 py-2 text-sm text-gray-600 hover:bg-gray-50">Log Out</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</nav>
|