Files

57 lines
2.6 KiB
PHP

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="bg-slate-950">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ $title ?? config('app.name', 'Webhook Inspector') }}</title>
@if (file_exists(public_path('build/manifest.json')) || file_exists(public_path('hot')))
@vite(['resources/css/app.css', 'resources/js/app.js'])
@endif
@livewireStyles
</head>
<body class="min-h-screen bg-slate-950 font-sans text-slate-100 antialiased">
<header class="border-b border-white/10 bg-slate-950/90 backdrop-blur">
<div class="mx-auto flex items-center justify-between gap-6 px-6 py-4 lg:px-8">
<a href="{{ route('home') }}" class="flex items-center gap-3 font-semibold tracking-tight text-white">
<span class="flex size-9 items-center justify-center rounded-xl bg-cyan-400 font-mono text-sm font-bold text-slate-950">WI</span>
<span>Webhook Inspector</span>
</a>
<nav class="flex items-center gap-4 text-sm text-slate-300">
@auth
<a href="{{ route('dashboard') }}" class="transition hover:text-cyan-300">Dashboard</a>
<form action="{{ route('logout') }}" method="POST">
@csrf
<button type="submit" class="rounded-lg border border-white/10 px-3 py-2 transition hover:border-cyan-300/50 hover:text-cyan-300">Log out</button>
</form>
@else
@if (Route::has('login'))
<a href="{{ route('login') }}" class="transition hover:text-cyan-300">Log in</a>
@endif
@if (Route::has('register'))
<a href="{{ route('register') }}" class="rounded-lg bg-cyan-400 px-3 py-2 font-medium text-slate-950 transition hover:bg-cyan-300">Create account</a>
@endif
@endauth
</nav>
</div>
</header>
@if (session('status'))
<div class="mx-auto px-6 pt-6 lg:px-8">
<div class="rounded-xl border border-emerald-400/30 bg-emerald-400/10 px-4 py-3 text-sm text-emerald-200">
{{ session('status') }}
</div>
</div>
@endif
<main>
@yield('content')
</main>
@livewireScripts
</body>
</html>