<li class="dropdown">
    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
        <img alt="" src="{{ Gravatar::get($user->email, ['size'=>30]) }}"">
        <span class="username">{{ $user->name }}</span>
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu extended logout">
        <div class="log-arrow-up"></div>
        <li><a href="#"><i class=" fa fa-suitcase"></i>{{ __('flatlab::core.profile') }}</a></li>
        <li><a href="#"><i class="fa fa-cog"></i> {{ __('flatlab::core.settings') }}</a></li>
        <li><a href="#"><i class="fa fa-bell"></i> {{ __('flatlab::core.notification') }}</a></li>
        <li><a href="{{ route('logout') }}"
                onclick="event.preventDefault();
                document.getElementById('logout-form').submit();"><i class="fa fa-key"></i> {{ __('flatlab::core.logout') }}
            </a>
            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                {{ csrf_field() }}
            </form>
        </li>
    </ul>
</li>
