<div class="nav-container shadow" style="min-height: 64px;">
    <div class="bg-light navbar-light position-fixed" data-sticky="top" style="top: 0px;">
        <div class="container">
            <nav class="navbar navbar-expand-lg">
                <a href="{{ route('vzdelavanie.index') }}" class="navbar-brand">
                    <img src="/vendor/seka/vzdelavanie/images/logo-white.png" style="height: 1.4em;" />
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse justify-content-between" id="navbarNav">
                    <ul class="navbar-nav">
                        @can('vzdelavanie')
                        <li class="nav-item">
                            <a class="nav-link {{ str_contains(Route::currentRouteName(), 'vzdelavanie.sprava') ? 'active' : '' }}" href="{{route('vzdelavanie.sprava.index')}}">Správa</a>
                        </li>
                        @endcan
                        <li class="nav-item">
                            <a class="nav-link {{ str_contains(Route::currentRouteName(), 'vzdelavanie.kniznica') ? 'active' : '' }}" href="{{route('vzdelavanie.kniznica.kategoria.index')}}">Knižnica</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ str_contains(Route::currentRouteName(), 'vzdelavanie.testovanie') ? 'active' : '' }}" href="{{route('vzdelavanie.testovanie.kategoria.index')}}">Testy</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ str_contains(Route::currentRouteName(), 'vzdelavanie.kurzy') ? 'active' : '' }}" href="#">Kurzy</a>
                        </li>
                    </ul>
                    <ul class="navbar-nav">
                        <li class="nav-item active">
                        @auth
                            <a class="nav-link" href="{{ route('logout') }}" onclick="event.preventDefault();document.getElementById('logout-form').submit();">
                                Odhlásiť sa
                            </a>

                            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                                @csrf
                            </form>
                        @endauth
                        @guest
                            <a class="nav-link" href="{{ route('login') }}">Prihlásenie</a>
                        @endauth
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
</div>