@if(Auth::check())

    @php
    $theme =  getActiveTheme();
    @endphp
<style>

    .navbar{
        background: {{ $theme['footer_bg_color'] }} !important;
    }

    .header-title{
        color: {{ $theme['text_color'] }} !important;
    }

    .promocard .promocard_cta {
        background-color: {{ $theme['button_bg'] }} !important;
        color: {{ $theme['button_color'] }} !important;
    }
</style>
    <nav class="navbar navbar-dark px-0 top_layer_ui sticky-top position-relative">
    <div class="container-fluid d-flex justify-content-between">

{{--        <a id='navbar-brand' href="{{config('app.url')}}" class="mx-auto"></a>--}}

{{--        <div class="font-weight-bold text-center px-1" style="position: absolute; left:50%;top: 50%; transform: translate(-50%,-50%);">--}}
{{--            @if(data_get($uiConfigs ?? null, 'showUserName', true))--}}
{{--                Hi <span class='user_name'>{{auth()->user()->name ?? ''}}</span>--}}
{{--            @endif--}}
{{--        </div>--}}

{{--        <div>--}}
{{--            @if($extra_btn)--}}
{{--                {!! $extra_btn !!}--}}
{{--            @endif--}}

{{--            <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>--}}
{{--                <i class="fas fa-bars"></i>--}}
{{--            </button>--}}
{{--        </div>--}}

{{--        <div class="col text-left px-0" style="flex-grow:unset; color: #fff0ff;">--}}
{{--            <!-- Profile Icon -->--}}
{{--            <a href="{{ route('user.profile') }}" class="d-flex align-items-left">--}}
{{--                <i class="fas fa-user-circle fa-lg"></i>--}}
{{--            </a>--}}
{{--        </div>--}}

        <div class="col text-center px-0">
            @if(config('sys.is_show_nav_logo'))
                 <a id='navbar-brand' href="{{config('app.url')}}" class="mx-auto"></a>
{{--                <img src="{{ asset(config('sys.client.logo_white')) }}" height="45" style="position:absolute; top: 10%;">--}}
            @endif
        </div>

        <div class="col text-right px-0" style="flex-grow: unset;">
{{--            <!-- Notifications Icon -->--}}
{{--            <div class="navbar-brand align-items-center" id="notification_btn" type="button" load_popup="popup_notifications">--}}
{{--                <i class="fas fa-bell fa-lg"></i>--}}
{{--            <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>--}}
{{--                <i class="fas fa-bars"></i>--}}
{{--            </button>--}}
            </div>
        </div>
</nav>

@else
    @php
        $theme =  getActiveTheme();
    @endphp
    <style>

        .navbar{
            background: {{ $theme['footer_bg_color'] }} !important;
        }

        .header-title{
            color: {{ $theme['text_color'] }} !important;
        }

        .promocard .promocard_cta {
            background-color: {{ $theme['button_bg'] }} !important;
            color: {{ $theme['button_color'] }} !important;
        }
    </style>

    <nav class="navbar d-block navbar-dark py-2 px-0 sticky-top position-relative" >
{{--    <div class="container-fluid px-0 justify-content-between align-items-center">--}}
        <div class="container-fluid d-flex justify-content-between align-items-center">
{{--        <div class="row row-cols-3 w-100 mx-auto">--}}
{{--            <a id='navbar-brand' href="{{config('app.url')}}" class="mx-auto"></a>--}}

{{--            <div class="col text-left px-0">--}}
{{--                <!-- Profile Icon -->--}}
{{--                <a href="{{ route('user.profile') }}" class="d-flex align-items-center mr-auto">--}}
{{--                    <i class="fas fa-user-circle fa-lg" style="color: #fff0ff"></i>--}}
{{--                </a>--}}
{{--            </div>--}}

            <div class="col text-center px-0">
                @if(config('sys.is_show_nav_logo'))
                <a id='navbar-brand' href="{{config('app.url')}}" class="mx-auto"></a>
{{--                    <img src="{{ asset(config('sys.client.logo_white')) }}" height="45" style="position:absolute; top: 10%;">--}}
                @endif
            </div>
            <div class="col text-right px-0" style="flex-grow: unset;">
                {{--                <!-- Notifications Icon -->--}}
                {{--                <div class="navbar-brand align-items-center" id="notification_btn" type="button" load_popup="popup_notifications">--}}
                {{--                    <i class="fas fa-bell fa-lg"></i>--}}
                {{--                </div>--}}
{{--                <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>
</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( getMenus() as $menu)
                @if($menu['auth'] ? Auth::check() : true)
                    <li class="nav-item active">
                        <a class="nav-link text-center" aria-current="page" href="{{$menu['url']}}" alt="{{$menu['title']}}" {{$menu['new_tab'] ? 'target="_blank"':''}}>{{ $menu['title'] }}</a>
                    </li>
                @endif
            @endforeach
        </ul>

    </div>

</div>