
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top pt-0 pb-0 mainNavbar">
	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>

	<a class="navbar-brand logo" href="#">
		<img src="{{ asset("assets/images/logo.png") }}" alt="Technoblog Logo">
	</a>

	<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
		<ul class="navbar-nav mr-auto">
			<li class="nav-item pl-0 pr-0">
				<a href="{{ route("blog.index") }}" class="nav-link {{ request()->is("/") ? "active" : "" }}">Home</a>
			</li>
			@foreach ($blogCategories as $category)
			<li class="nav-item pl-0 pr-0">
				<a href="{{ "/category/" . strtolower($category->name) }}" class="nav-link {{ request()->is(["category/" . strtolower($category->name), "category/" . strtolower($category->name) . "/*"]) ? 'active' : '' }}">{{ $category->name }}</a>
			</li>
			@endforeach
		</ul>
		<form action="{{ route("blog.search") }}" method="get" class="form-inline my-2 my-lg-0 searchForm">
			<div class="input-group input-group-sm">
				<input type="text" class="form-control" name="q" placeholder="Search" required>
				<div class="input-group-append">
					<input type="submit" class="btn bg-primary text-light searchSubmitBtn" value="Search">
				</div>
			</div>
		</form>
	</div>
</nav>
<div style="height: 110px;"></div>
