<div id="mobile-navigation">

    <div class="bar">
        <div class="toggle-menu" id="mobile-menu-trigger">
            <div class="icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="logo">
            <a href="/">
                {{--<img alt="logo" src="/img/zelfverkopen_nl.svg"/>--}}
            </a>
        </div>
    </div>

    <div class="shader" id="mobile-shader"></div>

    <div class="menu">

        <nav>
            <span id="mobile-close" class="close"></span>

            <div class="logo-wrapper">
                <a href="/" class="logo">
                    {{--<img alt="logo" src="/img/zelfverkopen_nl.svg"/>--}}
                </a>
            </div>

            <div class="menu-list">
                {{-- Navigatie --}}
                @if(\Auth::check())
                    <ul>
                        <li @if(\Route::currentRouteName() == 'dashboard.courses') class="active" @endif>
                            <a href="{{ route('dashboard.courses') }}">{{ __('site/dashboard.courses.title') }}</a>
                        </li>
                        <li @if(\Route::currentRouteName() == 'dashboard.events') class="active" @endif>
                            <a href="{{ route('dashboard.events') }}">{{ __('site/dashboard.events.title') }}</a>
                        </li>
                        <li @if(\Route::currentRouteName() == 'dashboard.competences') class="active" @endif>
                            <a href="{{ route('dashboard.competences') }}">{{ __('site/dashboard.competences.title') }}</a>
                        </li>
                        <li @if(\Route::currentRouteName() == 'dashboard.personal') class="active" @endif>
                            <a href="{{ route('dashboard.personal') }}">{{ __('site/dashboard.personal.title') }}</a>
                        </li>
                    </ul>
                    <br>
                    <form action="{{ route('site.logout') }}" method="POST">
                        {{ csrf_field() }}
                        {{ method_field('POST') }}

                        <input type="submit" class="logout-button" value="@lang('auth.log_out')">
                    </form>
                @else
                    <ul>
                        <li @if(\Request::path() == 'login') class="active" @endif>
                            <a href="/login">Inloggen</a>
                        </li>
                        <li @if(\Request::path() == 'register') class="active" @endif>
                            <a href="/register">Aanmelden</a>
                        </li>
                    </ul>
                @endif
            </div>
        </nav>
    </div>
</div>