@php
    $isHomeNavbar = Route::currentRouteName() === 'home';
    $showMobileUserMenu = Auth::check();
    $navbarExpandClass = $isHomeNavbar ? 'navbar-expand-lg' : 'navbar-expand-md';
    $mobileUserMenuVisibilityClass = $isHomeNavbar ? 'd-lg-none' : 'd-md-none';
    $themeNavbarClass = GenericHelper::getNavbarThemeClass();
    $themeBackgroundClass = GenericHelper::getNavbarBackgroundClass();
    $themeLogo = GenericHelper::getCurrentThemeLogo();
@endphp

<nav class="navbar sticky-nav z-index-4 top {{ $navbarExpandClass }} {{ $themeNavbarClass }} {{ $isHomeNavbar ? 'app-navbar app-navbar-home app-navbar-top' : $themeBackgroundClass . ' shadow-sm' }}" style="top: var(--ga-h);">
    <div class="container app-navbar-inner">
        <a class="navbar-brand" href="{{ route('home') }}">
            <img src="{{ $themeLogo }}" class="d-inline-block align-top" alt="{{__("Site logo")}}">
        </a>
        <button class="navbar-toggler{{ $showMobileUserMenu ? ' mobile-user-menu-trigger' : '' }}"
                type="button"
                @unless($showMobileUserMenu)
                    data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                @endunless
                aria-expanded="false"
                aria-label="{{ __('Toggle navigation') }}" >
            <span class="navbar-toggler-icon"></span>
        </button>

        @if($showMobileUserMenu)
            <div class="mobile-user-menu {{ $mobileUserMenuVisibilityClass }}" hidden>
                <div class="dropdown-menu dropdown-menu-right navbar-user-menu mobile-user-menu-panel show">
                    @include('template.navbar-user-menu-items', ['logoutFormId' => 'mobile-navbar-logout-form'])
                </div>
            </div>
        @endif

        <div class="collapse navbar-collapse pl-3 pl-md-0" id="navbarSupportedContent">
            <!-- Left Side Of Navbar -->
            <ul class="navbar-nav mr-auto">
            {{-- Not used at the moment --}}
            </ul>

            <!-- Right Side Of Navbar -->
            <ul class="navbar-nav ml-auto d-flex align-items-center {{ Auth::check() ? 'app-navbar-auth-links' : 'app-navbar-guest-links' }}">
                <!-- Authentication Links -->
                @guest
                    @if(Route::currentRouteName() !== 'profile')
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
                        </li>
                        @if (Route::has('register'))
                            <li class="nav-item">
                                <a class="btn bg-gradient-primary btn-grow btn-round mb-0 ml-3" href="{{ route('register') }}">{{ __('Register') }}</a>
                            </li>
                        @endif
                    @endif
                @else

                    @if(Auth::check())
                        @if(!getSetting('site.hide_create_post_menu'))
                            <li class="nav-item">
                                <a class="nav-link ml-0" href="{{ route('posts.create') }}">{{ __('Create') }}</a>
                            </li>
                        @endif
                        <li class="nav-item">
                            <a class="nav-link ml-0" href="{{ route('feed') }}">{{ __('Feed') }}</a>
                        </li>
                    @endif

                    <li class="nav-item dropdown navbar-user-dropdown">
                        <a id="navbarDropdown" class="nav-link dropdown-toggle text-right text-truncate d-flex align-items-center navbar-user-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <div class="text-truncate max-width-150 navbar-user-name">{{ Auth::user()->name }}</div>
                            <img src="{{Auth::user()->avatar}}" class="rounded-circle home-user-avatar navbar-user-avatar">
                        </a>
                        <div class="dropdown-menu dropdown-menu-right navbar-user-menu" aria-labelledby="navbarDropdown">
                            @include('template.navbar-user-menu-items', ['logoutFormId' => 'logout-form'])
                        </div>
                    </li>
                @endguest
            </ul>

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