<div class="ui stackable labeled icon menu">
    <div class="item">
        <a href="{{ url('/') }}">
            <img height="50" src="{{ asset('images/logo.png') }}"> 
        </a>
    </div>
    <a class="item" href="{{ url('/') }}"><i class="home icon"></i> Home</a>
    @guest
        <a class="item" href="{{ route('login') }}"><i class="sign-in icon"></i> {{ __('Login') }}</a>
    @else
        <a class="item" href="{{ route('servers') }}"><i class="server icon"></i> {{ __('Servers') }}</a>
        <a class="item" href="{{ route('clusters') }}"><i class="sitemap icon"></i> {{ __('Clusters') }}</a>
        <a class="item" href="{{ route('zones') }}"><i class="globe icon"></i> {{ __('Zones') }}</a>
        <div class="right menu">
            <a class="item" href="{{ route('graphs') }}"><i class="chart area icon"></i> {{ __('Graphs') }}</a>
            <a class="item" href="{{ route('users') }}"><i class="user icon"></i> {{ __('Users') }}</a>
            <div class="ui dropdown item">
                <i class="clock icon"></i> <div>{{ __('Logs') }} <i class="dropdown icon"></i></div>
                <div class="menu">
                    <a class="item" href="{{ route('logs') }}">{{ __('Zones') }}</a>
                    <a class="item" href="{{ route('userlogs') }}">{{ __('User logs') }}</a>
                    <a class="item" href="{{ route('serverlogs') }}">{{ __('Server incidents') }}</a>
                </div>
            </div> 
            <a class="item" href="{{ route('settings') }}"><i class="cog icon"></i> {{ __('Settings') }}</a>
            <a class="item" href="{{ route('logout') }}"
                onclick="event.preventDefault();
                document.getElementById('logout-form').submit();">
                <i class="sign-out icon"></i>
                {{ __('Logout') }}
            </a>
            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                @csrf
            </form>
        </div>
    @endguest
</div>
<script type="text/javascript">
    $('.ui.dropdown').dropdown(
        {
            on: 'hover'
        });
</script>
