<nav class="navbar navbar-expand navbar-light bg-navbar topbar mb-4 static-top">
    <button id="sidebarToggleTop" class="btn btn-link rounded-circle mr-3">
        <i class="fa fa-bars"></i>
    </button>
    <a class="btn btn-link rounded-circle mr-3 rootUrl" target="_blank" href="{{ url('/')}}"><i
                class="fa fa-eye"></i></a>
    <ul class="navbar-nav ml-auto">
        <li class="nav-item dropdown no-arrow">
            <a class="nav-link dropdown-toggle text-white" href="{{ route('post.create') }}">
                <i class="fas fa-plus fa-fw text-white"></i>News
            </a>
        </li>
        <div class="topbar-divider d-none d-sm-block"></div>
        <li class="nav-item dropdown no-arrow">
            <a class="nav-link dropdown-toggle text-white" href="{{ route('member.create') }}">
                <i class="fas fa-plus fa-fw text-white"></i>Member
            </a>
        </li>
        <div class="topbar-divider d-none d-sm-block"></div>

        <li class="nav-item dropdown no-arrow">
            <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"
               data-toggle="dropdown"
               aria-haspopup="true" aria-expanded="false">
                <img class="img-profile rounded-circle"
                     src="{{ Auth::user()->photo ? asset('/profile/'.Auth::user()->photo) : asset('/defaults/avatar01.png')}}"
                     style="max-width: 60px">
                <span class="ml-2 d-none d-lg-inline text-white small text-capitalize">{{Auth::user()->name}}</span>
            </a>
            <div class="dropdown-menu dropdown-menu-right shadow animated--grow-in"
                 aria-labelledby="userDropdown">
                <a class="dropdown-item" href="{{ route('user.profile.edit',['id'=>Auth::user()->id])}}">
                    <i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
                    <span>Profile</span>
                </a>
                <a class="dropdown-item" href="{{ route('user.password.edit')}}">
                    <i class="fas fa-key fa-sm fa-fw mr-2 text-gray-400"></i>
                    <span>Change Password</span>
                </a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" style="padding: 0.5rem 1.5rem;" href="{{ route('logout') }}"
                   onclick="event.preventDefault();
                                         document.getElementById('logout-form').submit();"><i
                            class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
                    {{ __('Logout') }}
                </a>
                <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                    @csrf
                </form>
            </div>
        </li>
    </ul>
</nav>