Veranstaltungen-APP/resources/views/partials/header.blade.php

34 lines
2.3 KiB
PHP

<header class="bg-white dark:bg-gray-800 shadow-md mb-6">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center gap-3">
<a href="{{ url('/') }}" class="flex items-center gap-3">
<span class="text-xl font-bold text-gray-900 dark:text-white">Veranstaltungs-App</span>
</a>
</div>
<nav class="hidden md:flex items-center gap-6">
<a href="{{ url('/') }}" class="text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">Home</a>
<a href="{{ route('events') }}" class="text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">Events</a>
<a href="{{ url('/api/events') }}" class="text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition">API</a>
</nav>
<div class="flex items-center gap-4">
@auth
<div class="flex items-center gap-3">
<span class="text-sm text-gray-600 dark:text-gray-400">{{ Auth::user()->name }}</span>
<a href="{{ route('profile') }}" class="inline-block px-3 py-2 bg-gray-200 dark:bg-gray-700 text-gray-900 dark:text-white rounded hover:bg-gray-300 dark:hover:bg-gray-600 transition text-sm">Profil</a>
<form method="POST" action="{{ route('logout') }}" class="inline">
@csrf
<button type="submit" class="inline-block px-3 py-2 bg-red-600 text-white rounded hover:bg-red-700 transition text-sm">Logout</button>
</form>
</div>
@else
<a href="{{ route('login') }}" class="inline-block px-4 py-2 text-gray-700 dark:text-gray-300 border border-gray-300 dark:border-gray-600 rounded hover:bg-gray-100 dark:hover:bg-gray-700 transition text-sm font-medium">Anmelden</a>
<a href="{{ route('register') }}" class="inline-block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition text-sm font-medium">Registrieren</a>
@endauth
</div>
</div>
</div>
</header>