<nav class="main-header navbar
    {{ config('adminlte.classes_topnav_nav', 'navbar-expand-md') }}
    {{ config('adminlte.classes_topnav', 'navbar-white navbar-light') }}">

    {{-- <div class="d-flex flex-column w-100"> --}}
        <div class="d-flex justify-content-between align-items-center w-100 px-4" style="height: 64px; background-color: #0d1b2a; color: #ffffff">
            {{-- Navbar brand logo --}}
            @if(config('adminlte.logo_img_xl'))
                @include('adminlte::partials.common.brand-logo-xl')
            @else
                @include('adminlte::partials.common.brand-logo-xs')
            @endif


            <ul class="navbar-nav ml-auto order-1 order-md-3 navbar-no-expand">
                {{-- User menu link --}}
                @if(Auth::user())
                    @if(config('adminlte.usermenu_enabled'))
                        @include('adminlte::partials.navbar.menu-item-dropdown-user-menu')
                    @else
                        @include('adminlte::partials.navbar.menu-item-logout-link')
                    @endif
                @endif
            </ul>
        </div>

{{--        <div class="{{ config('adminlte.classes_topnav_container', 'container') }}">--}}
        <div class="w-100">
            {{-- Button to toggle navbar in mobile view --}}
            <div class="">
                <button class="navbar-toggler btn-sm m-1 py-1 px-2" type="button" data-toggle="collapse" data-target="#navbarCollapse">
                    <span class="navbar-toggler-icon"></span>
                </button>
            </div>

            {{-- Navbar collapsible menu --}}
            <div class="collapse navbar-collapse justify-content-center py-1" id="navbarCollapse" style="height: 65px;">
                {{-- Navbar left links --}}
                <ul class="navbar-nav flex-nowrap d-flex justify-content-between w-100">
                    {{-- Configured left links --}}
                    @each('adminlte::partials.navbar.menu-item', $adminlte->menu('navbar-left'), 'item')

                    {{-- Custom left links --}}
                    @yield('content_top_nav_left')
                </ul>
            </div>

            {{-- Navbar right links --}}
            <ul class="navbar-nav ml-auto order-1 order-md-3 navbar-no-expand">
                {{-- Custom right links --}}
                {{-- @yield('content_top_nav_right') --}}

                {{-- Configured right links --}}
                {{-- @each('adminlte::partials.navbar.menu-item', $adminlte->menu('navbar-right'), 'item') --}}

                {{-- Right sidebar toggler link --}}
                @if(config('adminlte.right_sidebar'))
                    @include('adminlte::partials.navbar.menu-item-right-sidebar-toggler')
                @endif
            </ul>

        </div>
    {{-- </div> --}}

</nav>
<style>

</style>
