header.blade.php

<div class="w-full bg-[#8CBDB9] flex items-center justify-between px-4 py-1 shadow">
	<div class="flex items-center">
		<img src="{{ asset('images/flashycardz-logo-new.png') }}" alt="FlashyCardz Logo"
			 class="w-24">
		{{--		<span class="text-xs italic text-center hidden md:block">Custom Flashcards<br/>Made Easy</span>--}}
	</div>
	<div class="flex space-x-4">
		@if (Route::is('welcome') || Route::is('quiz.show'))
			<a class="text-[#2D3E4E] hover:text-black-700" href="/">Home</a>
		@endif
		@if (Route::is('quiz.show'))
			<a class="text-[#2D3E4E] hover:text-black-700" href="/subjects">Subjects</a>
		@endif
		@if (Auth::check())
			<!-- User is Logged in -->
			<a class="text-[#2D3E4E] hover:text-black-700" href="{{ route('quizlist') }}">My Dashboard</a>
		@else
			<!-- User is Logged out -->
			<a class="text-[#2D3E4E] hover:text-black-700" href="{{ route('register') }}">Register</a>
			<a class="text-[#2D3E4E] hover:text-black-700" href="{{ route('login') }}">Login</a>
		@endif
	</div>
</div>