<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" role="navigation">
    <!-- Sidebar toggle button-->
    <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button" style="margin: 0;">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </a>
    @include('partials.topbar-nav')
    <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
            <?php if (module_enabled('Notification')): ?>
            @include('notification::partials.notifications')
            <?php endif; ?>
            @if(config('core.theme.admin.view-site-enable'))
            <li><a href="{{ route('site.index') }}" target="_blank"><i class="fa fa-eye"></i> {{trans('core::core.general.view website')}}</a></li>
            @endif

            @if(config('core.theme.admin.language-selector-enable'))
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-flag"></i>
                    <span>
                        {{ Localization::getCurrentLocaleNative()  }}
                        <i class="caret"></i>
                    </span>
                </a>
                <ul class="dropdown-menu language-menu">
                    @foreach(Localization::getSupportedLocales() as $localeCode => $properties)
                        <li class="{{ App::getLocale() == $localeCode ? 'active' : '' }}">
                            <a rel="alternate" lang="{{$localeCode}}" href="{{Localization::getLocalizedURL($localeCode) }}">
                                {!! $properties['native'] !!}
                            </a>
                        </li>
                    @endforeach
                </ul>
            </li>
            @endif
            <!-- User Account: style can be found in dropdown.less -->
            <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="glyphicon glyphicon-user"></i>
                    <span>
                        <?php if ($user['name'] != ' '): ?>
                            <?= $user['name']; ?>
                        <?php else: ?>
                            <em>{{trans('core::core.general.complete your profile')}}.</em>
                        <?php endif; ?>
                        <i class="caret"></i>
                    </span>
                </a>
                <ul class="dropdown-menu">
                    <!-- User image -->
                    <li class="user-header bg-light-blue">
                        <img src="{{ $user['gravatar'] }}" class="img-circle" alt="User Image" />
                        <p>
                            <?php if ($user['name'] != ' '): ?>
                                <?= $user['name']; ?>
                            <?php else: ?>
                                <em>{{trans('core::core.general.complete your profile')}}.</em>
                            <?php endif; ?>
                        </p>
                    </li>
                    <!-- Menu Footer-->
                    <li class="user-footer">
                        <div class="pull-left">
                            <a href="{{route('admin.users.edit', [$user['id']])}}" class="btn btn-default btn-flat">
                                {{trans('core::core.general.profile')}}
                            </a>
                        </div>
                        <div class="pull-right">
                            <a href="{{route('admin.logout')}}" class="btn btn-danger btn-flat">
                                {{trans('core::core.general.sign out')}}
                            </a>
                        </div>
                    </li>
                </ul>
            </li>
            @if(config('core.project.controls-toggle', false))
            <!-- Control Sidebar Toggle Button -->
            <li>
                <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
            </li>
            @endif
        </ul>
    </div>
</nav>