{{--@if(Auth::check())--}}
{{--<nav class="navbar navbar-dark px-0 top_layer_ui">--}}
{{--    <div class="container-fluid d-flex">--}}

{{--        <div id='navbar-brand' class="cursor-pointer capitastar-status" load_popup="popup_capitastar_connect_account">--}}
{{--            <img src="{{ asset('/assets/images/cl/_main/CapitaStar logo.png')}}" height="45"/>--}}
{{--        </div>--}}

{{--        <div style="position: absolute; left:50%;top: 50%; transform: translate(-50%,-50%);">--}}
{{--            Hi <span class='user_name'></span>--}}
{{--        </div>--}}

{{--        <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">--}}
{{--            <span class="navbar-toggler-icon"></span>--}}
{{--        </button>--}}
{{--    </div>--}}
{{--</nav>--}}

{{--@else--}}
<nav class="navbar d-block navbar-dark py-2 px-0" >
    <div class="container-fluid px-0">
        <div class="row row-cols-3 w-100 mx-auto">

            <div class="col text-left px-0">
            </div>

            <div class="col text-center px-0">
                @if(config('stampcard.is_show_nav_logo'))
                <a id='navbar-brand' href="{{config('app.url')}}">
                    {{--           style="position: absolute; left:50%;top: 50%; transform: translate(-50%,-50%);">--}}
                    <img src="{{
                            asset(config('stampcard.client.logo_white'))
                        }}" 
                        height="{{ config('stampcard.logo_dimension.height') }}"
                        @if($width = config('stampcard.logo_dimension.width')) 
                            width="{{ $width }}"
                        @endif
                        />
                </a>
                @endif
            </div>
            <div class="col text-right px-0">
                <button class="mr-2 navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
            </div>
        </div>

    </div>
</nav>

{{--@endif--}}
<div id="navbarToggleExternalContent"  class="collapse z-10 position-absolute w-100 bg-nav"  style="top: 54px;">
    <div class="p-2" style="background:rgba(0,0,0,0.25)">
        <ul class="navbar-nav mr-auto">

            @foreach( config('stampcard.menu') as $menu)
                @if($menu['active'] && ($menu['auth'] ? Auth::check() : true))
                    <li class="nav-item active">
                        @php
                            $_title = __($menu['title']);
                        @endphp
                        <a class="nav-link text-center" aria-current="page" href="{{$menu['url']}}" alt="{{$_title}}">{{$_title}}</a>
                    </li>
                @endif
            @endforeach

        </ul>
    </div>

</div>