{{-- {{ dump($navs['header']) }}
{{ die() }} --}}

<nav class="navbar navbar-default mb1" data-spy="affix" data-offset-top="100">

    <div class="container">
        <a class="navbar-brand visible-xs" href="{{ url('/') }}"> <span class="glyphicon glyphicon-home"></span></a>
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

        </div>
        <div class="collapse navbar-collapse" id="myNavbar">

            <ul class="nav navbar-nav" id="navClick">

                @foreach ($navs['header'] as $head)
                    @if ($head->sub_nav_category == 'site-uri')
                        <li class="{{ $head->slug == 'home' ? 'active' : '' }}"><a
                                href="{{ url('/' . $head->slug) }}">{{ $head->name }}</a></li>
                        <hr style="margin-top: 0 ; margin-bottom:0;" />
                    @endif
                    @if ($head->sub_nav_category == 'sub-header')
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#"
                                tabindex="-1">{{ $head->name }}
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                @foreach ($head->subnavs as $item)
                                    @if ($item->subsubnavs->isEmpty())
                                        <li class="dropdown-menu">
                                            <a
                                                href="{{ url('/') . '/' . $item->subSlug }}">{{ $item->sub_nav_name }}</a>
                                        </li>
                                    @else
                                        <li class="dropdown-submenu">
                                            <a class="dropdown-toggle" data-toggle="dropdown" id="test"
                                                href="#" tabindex="-1">{{ $item->sub_nav_name }}
                                                <span class="caret"></span>
                                            </a>
                                            <ul class="dropdown-menu">
                                                @foreach ($item->subsubnavs as $sub)
                                                    <li class="">
                                                        <a
                                                            href="{{ url('/') . '/' . $item->subSlug . '_' . $sub->subsubSlug }}">{{ $sub->sub_sub_nav_name }}</a>
                                                    </li>
                                                @endforeach

                                            </ul>
                                        </li>
                                    @endif
                                @endforeach
                            </ul>
                        </li>
                    @endif
                @endforeach

            </ul>
        </div>
    </div>
</nav>