<nav class="navbar navbar-expand-md navbar-dark fixed-top" id="sidebar">
    <a class="navbar-brand align-self-center">SKP Lagersystem</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsDefault"
            aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button >
    <div class="collapse navbar-collapse" id="navbarsDefault">
        <ul class="navbar-nav nav-pills active">
            <!-- loan create -->
            @canany(['loans_create_user', 'loans_create_laptop'])
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbaLoansCreateDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="fa fa-arrow-circle-right"></i>
                        @lang('create') @lang('loan')
                    </a>
                    <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbaLoansCreateDropdownMenuLink">
                        @can('loans_create_user')
                            <li>
                                <a href="{{ route('loans.create') }}" class="dropdown-item align-middle {{Request::routeIs('loans.create') ? 'active' : '' }}">
                                    <span class="ms-1 d-sm-inline">
                                        <i class="fa fa-user"></i>
                                        @lang('to') @lang('user')
                                    </span>
                                </a>
                            </li>
                        @endcan
                        @can('loans_create_laptop')
                            <li>
                                <a href="{{ route('loans.laptop.create') }}" class="dropdown-item align-middle {{Request::routeIs('loans.laptop.create') ? 'active' : '' }}">
                                <span class="ms-1 d-sm-inline">
                                    <i class="fa fa-laptop"></i>
                                    @lang('laptop')
                                </span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>
            @endcan

            <!-- loan return -->
            @can('loans_return')
                <li class="nav-item">
                    <a href="{{ route('loans.return.page') }}" class="nav-link align-middle {{Request::routeIs('loans.return.page') ? 'active' : '' }}">
                        <i class="fa fa-arrow-circle-left"></i>
                        <span class="ms-1 d-sm-inline">
                            @lang('return')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- loan list -->
            @can('loans_viewAny')
                <li class="nav-item">
                    <a href="{{ route('loans.index') }}" class="nav-link align-middle {{Request::routeIs('loans.index') ? 'active' : '' }}">
                        <i class="fa fa-list"></i>
                        <span class="ms-1 d-sm-inline">
                            @lang('see') @lang('loans')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- reservation create -->
            @can('reservations_create')
                <li class="nav-item">
                    <a href="{{ route('reservations.create') }}" class="nav-link align-middle {{Request::routeIs('reservations.create') ? 'active' : '' }}">
                        <i class="fa fa-calendar-plus"></i>
                        <span class="ms-1 d-sm-inline">
                            @lang('create') @lang('reservation')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- reservation list -->
            @can('reservations_viewAny')
                <li class="nav-item">
                    <a href="{{ route('reservations.index') }}" class="nav-link align-middle {{Request::routeIs('reservations.index') ? 'active' : '' }}">
                        <i class="fa fa-calendar-day"></i>
                        <span class="ms-1 d-sm-inline">
                            @lang('see') @lang('reservations')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- products -->
            @can('viewAny', App\Models\Product::class)
                <li class="nav-item">
                    <a href="{{ route('products.index') }}" class="nav-link align-middle {{Request::routeIs('products.index') ? 'active' : '' }}">
                        <i class="fa fa-laptop"></i>
                        <span class="ms-1 d-sm-inline">
                            @lang('products')
                        </span>
                    </a>
                </li>

                <!-- products related -->
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarProductRelatedDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <i  class="fa fa-th"></i>
                        @lang('product') @lang('related')
                    </a>
                    <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarProductRelatedDropdownMenuLink">
                        @can('viewAny', App\Models\ProductCategory::class)
                            <li>
                                <a href="{{ route('categories.index') }}" class="dropdown-item align-middle {{Request::routeIs('categories.index') ? 'active' : '' }}">
                                    <span class="ms-1 d-sm-inline">
                                        <i class="fa fa-list"></i>
                                        @lang('categories')
                                    </span>
                                </a>
                            </li>
                        @endcan
                        @can('viewAny', App\Models\ProductSubcategory::class)
                            <li>
                                <a href="{{ route('subcategories.index') }}" class="dropdown-item align-middle {{Request::routeIs('subcategories.index') ? 'active' : '' }}">
                                    <span class="ms-1 d-sm-inline">
                                        <i class="fa fa-list"></i>
                                        @lang('subcategories')
                                    </span>
                                </a>
                            </li>
                        @endcan
                        @can('viewAny', App\Models\Brand::class)
                            <li>
                                <a href="{{ route('brands.index') }}"  class="dropdown-item align-middle {{Request::routeIs('brands.index') ? 'active' : '' }}">
                                    <span class="ms-1 d-sm-inline">
                                        <i  class="fa fa-desktop"></i>
                                        @lang('brands')
                                    </span>
                                </a>
                            </li>
                        @endcan
                        @can('viewAny', App\Models\ProductModel::class)
                            <li>
                                <a href="{{route('models.index')}}" class="dropdown-item align-middle {{Request::routeIs('models.index') ? 'active' : ''}}">
                                    <span class="ms-1 d-sm-inline">
                                        <i  class="fa fa-desktop"></i>
                                        @lang('models')
                                    </span>
                                </a>
                            </li>
                        @endcan
                    </ul>
                </li>
            @endcan

            <!-- cabels -->
            @can('viewAny', App\Models\Cabel::class)
                <li class="nav-item">
                    <a href="{{ route('cabels.index') }}" class="nav-link align-middle {{Request::routeIs('cabels.index') ? 'active' : '' }}">
                        <i class="fa fa-network-wired"></i>
                        <span class="ms-1 d-sm-inline">
                            @lang('cabels')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- cabel categories -->
            @can('cabelCategories_viewAny')
                <li class="nav-item">
                    <a href="{{ route('cabelCategories.index') }}" class="nav-link align-middle {{Request::routeIs('cabelCategories.index') ? 'active' : '' }}">
                        <i class="fa fa-network-wired"></i>
                        <span class="ms-1 d-sm-inline">
                                @lang('cabel') @lang('categories')
                            </span>
                    </a>
                </li>
            @endcan

            <!-- notes -->
            @can('notes_viewAny')
                <li class="nav-item">
                    <a href="{{ route('notes.index') }}" class="nav-link align-middle {{Request::routeIs('notes.index') ? 'active' : '' }}">
                        <i class="fa fa-file-excel"></i>
                        <span class="ms-1 d-sm-inline">
                            @lang('notes')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- pdf -->
            @can('pdf_viewAny')
                <li class="nav-item">
                    <a href="{{ route('contracts.index') }}" class="nav-link align-middle {{Request::routeIs('contracts.index') ? 'active' : '' }}">
                        <i class="fa fa-file-contract"></i>
                        <span class="ms-1 d-sm-inline">
                            @lang('contracts')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- users -->
            @can('viewAny', App\Models\User::class)
                <li class="nav-item">
                    <a href="{{ route('users.index') }}" class="nav-link align-middle {{Request::routeIs('users.index') ? 'active' : '' }}">
                        <i  class="fa fa-users"></i>
                        <span class="ms-1 d-sm-inline">
                            @lang('users')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- roles -->
            @can('roles_viewAny')
                <li class="nav-item">
                    <a href="{{ route('roles.index') }}" class="nav-link align-middle {{Request::routeIs('roles.index') ? 'active' : '' }}">
                        <i  class="fa fa-user-tag"></i>
                        <span class="ms-1 d-sm-inline">
                            @lang('roles')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- buildings -->
            @can('buildings_viewAny')
                <li class="nav-item">
                    <a href="{{ route('buildings.index') }}" class="nav-link align-middle {{Request::routeIs('buildings.index') ? 'active' : ''}}">
                        <i class="fa fa-home"></i>
                        <span class="ms-1 d-sm-inline">
                           @lang('buildings')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- rooms -->
            @can('rooms_viewAny')
                <li class="nav-item">
                    <a href="{{ route('rooms.index') }}" class="nav-link align-middle {{Request::routeIs('rooms.index') ? 'active' : ''}}">
                        <i class="fa fa-door-open"></i>
                        <span class="ms-1 d-sm-inline">
                           @lang('rooms')
                        </span>
                    </a>
                </li>
            @endcan

            @can('logs_viewAny')
                <li class="nav-item">
                    <a href="{{ route('logs') }}" class="nav-link align-middle {{Request::routeIs('logs') ? 'active' : ''}}">
                        <i class="fa fa-list"></i>
                        <span class="ms-1 d-sm-inline">
                           @lang('logs')
                        </span>
                    </a>
                </li>
            @endcan

            @can('statistics')
                <li class="nav-item">
                    <a href="{{ route('statistics') }}" class="nav-link align-middle {{Request::routeIs('statistics') ? 'active' : ''}}">
                        <i class="fa fa-list"></i>
                        <span class="ms-1 d-sm-inline">
                           @lang('statistics')
                        </span>
                    </a>
                </li>
            @endcan

            <!-- Profile -->
            <li class="nav-item">
                <a href="{{ route('users.show',auth()->user()->id) }}" class="nav-link align-middle {{Request::routeIs('users.show*') ? 'active' : '' }}">
                    <i class="fa fa-user-cog"></i>
                    <span class="ms-1 d-sm-inline">
                        @lang('profile')
                    </span>
                </a>
            </li>

            <!--logout-->
            <li class="nav-item">
                <a href="{{route('logout')}}" class="nav-link align-middle {{Request::is('logout') ? 'active' : '' }}">
                    <i  class="fas fa-sign-out-alt"></i>
                    <span class="ms-1 d-sm-inline">
                        @lang('logout')
                    </span>
                </a>
            </li>

            <!-- Permissions -->
            <!--
            <div style="height:5em;overflow:auto;">
                @foreach(Auth::user()->role->permissions as $permission)
                    {{$permission->name}}<br>
                @endforeach
            </div>
            -->
        </ul>
        <div class="logged-in-user" >
            <a class="nav-item text-decoration-none" style="color: white" href="{{route('users.show',auth()->user()->id)}}">{{auth()->user()->name}}</a>
        </div>
    </div>
</nav>