<div class="content-overlay"></div>
<div class="header-navbar-shadow"></div>
<nav class="header-navbar navbar-expand-lg navbar navbar-with-menu fixed-top navbar-light navbar-shadow">
    <div class="navbar-wrapper">
        <div class="navbar-container content">
            <div class="navbar-collapse" id="navbar-mobile">
                <div class="mr-auto float-left bookmark-wrapper d-flex align-items-center">
                    <ul class="nav navbar-nav">
                        <li class="nav-item mobile-menu d-xl-none mr-auto">
                            <a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#">
                                <i class="ficon feather icon-menu"></i>
                            </a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav bookmark-icons">
                    </ul>

                </div>
                <ul class="nav navbar-nav float-right">

                    <li class="nav-item dropdown dropdown-language">
                        <a class="dropdown-toggle nav-link dropdown-user-link" id="dropdown-flag" href="#"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            @if (app()->getLocale() == 'uz')
                                <i class="flag-icon flag-icon-uz"></i>
                                <span class="selected-language">
                                    O`zbekcha
                                </span>
                            @elseif(app()->getLocale() == 'ru')
                                <i class="flag-icon flag-icon-ru"></i>
                                <span class="selected-language">
                                    Русский
                                </span>
                            @endif

                        </a>
                        <div class="dropdown-menu dropdown-menu-end">
                            <a class="dropdown-item" href="{{ route('dashboard.change-lang', ['lang' => 'uz']) }}"
                                data-language="uz">
                                <i class="flag-icon flag-icon-uz"></i> O`zbekcha
                            </a>
                            <a class="dropdown-item" href="{{ route('dashboard.change-lang', ['lang' => 'ru']) }}"
                                data-language="ru">
                                <i class="flag-icon flag-icon-ru"></i> Русский
                            </a>
                        </div>
                    </li>

                    <li class="nav-item d-none d-lg-block">
                        <a class="nav-link nav-link-expand">
                            <i class="ficon feather icon-maximize"></i>
                        </a>
                    </li>
                    <li class="nav-item d-none d-lg-block">
                        <a href="/" target="_blank" class="nav-link ">
                            <i class="ficon feather icon-globe"></i>
                        </a>
                    </li>
                    <li class="nav-item dropdown dropdown-user">
                        <a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">
                            <div class="user-nav d-sm-flex d-none">
                                <span class="user-name text-bold-600">{{ auth()->user()->first_name }}</span>
                                <span class="user-status">Available</span>
                            </div>
                            <span>
                                <img class="round"
                                    src="/vendor/dashboard/app-assets/images/portrait/small/avatar-s-11.png"
                                    alt="avatar" height="40" width="40" />
                            </span>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="{{ route('logout') }}">
                                <i class="feather icon-power"></i>
                                Logout
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
