<header id="header-2" class="soft-scroll header-2">
<nav class="main-nav navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="{{ url('/') }}">
<img src="{{ Theme::asset('btnewve::/images/logo-home.png') }}" class="brand-img img-responsive">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="nav-item active">
<a href="{{ url('/') }}">Home</a>
</li>
<li class="nav-item">
<a href="{{ route('browse') }}">Browse</a>
</li>
<li class="nav-item">
<a href="{{ route('popular') }}">Popular</a>
</li>
<?php
$categories = get_categories()->load(['videos' => function ($query) {
$query->latest();
}]);
?>
<li class="nav-item dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="#">Categories <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
@foreach($categories as $key => $category)
<li>
<a href="{{ route('category', array('slug' => $category->slug)) }}" alt="{{ $category->name }}">{{ $category->name }}</a>
</li>
@endforeach
</ul>
</li>
<!-- /.dropdown -->
<li class="nav-item">
<a href="#">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
</header>
