@php
        $user = \Illuminate\Support\Facades\Auth::user();
    @endphp
      
    <nav class="navbar side-bar">

        <div class="logo">
            <a class="navbar-brand" href="{{ url('/') }}">
                <img src="{{URL::to('/')}}/images/logo-white.png" />
            </a>
            @if(isset($user->username))
           <div class="user-cls"> {{ $user->username .' ( '.$user->office->code.' )' }} </div>
           @endif
        </div>
        
    <nav class="side-bar-link w-100">
        <a class="nav-link {{ request()->url() == url('/admin/home') ? 'active' : '' }}" href="{{ url('/admin/home') }}"><img src="{{URL::to('/')}}/images/dashboard.png" /> Dashboard</a>
        @foreach(\App\Http\Helpers\AppHelper::menuItems() as $menu)
            @if(count($menu['children']) == 0)
                @if($menu['name'] != 'deliveries')
                    <a class="nav-link {{ request()->is(ltrim($menu['path'], '/').'*') ? 'active' : '' }}" href="{{ $menu['path'] }}"><img src="{{URL::to('/')}}/images/{{ $menu['icon'] }}" /><span class="text-capitalize"> {{ $menu['name'] }}</span></a>
                @endif
            @else
                <a class="nav-link" data-toggle="collapse" href="#collapse{{ $menu['name'] }}" role="button" aria-expanded="false" aria-controls="collapse{{ $menu['name'] }}"
                   href="{{ $menu['path'] }}"><img src="{{URL::to('/')}}/images/{{ $menu['icon'] }}" /><span class="text-capitalize"> {{ $menu['name'] }}</span></a>
                <div class="sub-menu collapse" id="collapse{{ $menu['name'] }}">
                    @foreach($menu['children'] as $subMenu)
                        <a id="sub-menu" class="nav-link child-nav {{ request()->is(ltrim($subMenu['path'], '/').'*') ? 'active' : '' }}" href="{{ $subMenu['path'] }}"><span class="text-capitalize">{{ $subMenu['name'] }}</span></a>
                    @endforeach
                </div>
            @endif
        @endforeach
    </nav>

        <nav class="side-bar-link logout w-100">
            <a  href="{{ route('logout') }}"
               onclick="event.preventDefault();
                                                         document.getElementById('logout-form').submit();">
                {{ __('Logout') }}
            </a>
            <form id="logout-form" action="{{ route('logout') }}" method="POST">
                @csrf
            </form>
        </nav> 


{{--    <nav class="logout">--}}
{{--        <!-- Left Side Of Navbar -->--}}
{{--        <ul class="navbar-nav mr-auto ">--}}

{{--        </ul>--}}

        <!-- Right Side Of Navbar -->
{{--        <ul class="navbar-nav ml-auto">--}}
{{--            <!-- Authentication Links -->--}}
{{--            @guest--}}
{{--                <li class="nav-item">--}}
{{--                    <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>--}}
{{--                </li>--}}
{{--                @if (Route::has('register'))--}}
{{--                    <li class="nav-item">--}}
{{--                        <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>--}}
{{--                    </li>--}}
{{--                @endif--}}
{{--            @else--}}
{{--                <li class="nav-item">--}}
{{--                    <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>--}}
{{--                        {{ Auth::user()->name }} <span class="caret"></span>--}}
{{--                    </a>--}}

{{--                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">--}}
{{--                        <a class="dropdown-item" href="{{ route('logout') }}"--}}
{{--                           onclick="event.preventDefault();--}}
{{--                                                         document.getElementById('logout-form').submit();">--}}
{{--                            {{ __('Logout') }}--}}
{{--                        </a>--}}

{{--                        <form id="logout-form" action="{{ route('logout') }}" method="POST">--}}
{{--                            @csrf--}}
{{--                        </form>--}}
{{--                    </div>--}}
{{--                </li>--}}
{{--            @endguest--}}
{{--        </ul>--}}
{{--    </div>--}}

    </nav>
    <style>
    .user-cls{
        color:white;
        text-align:center;
    }
    </style>

    <script>
        $(document).ready(function () {
            $('.child-nav').each(function () {
                if ($(this).hasClass('active')) {
                    $(this).parent().removeClass('collapse');
                }
            });
        });

        // $('.collapse').collapse();
        // $('.collapse1').collapse();
        // $('.collapsemnfst').collapse();

    </script>