<div class="app-menu navbar-menu">
    <!-- LOGO -->
    <div class="navbar-brand-box">
        <!-- Light Logo-->
        <a href="{{ route('dashboard') }}" class="logo logo-light">
            <span class="logo-sm">
              <img src="{{asset('images/whiz-cyber-logo.png')}}" alt="" height="22">
            </span>
            <span class="logo-lg">
              <img src="{{asset('images/whiz-cyber-logo.png')}}" alt="" height="42">
            </span>
        </a>
        <button type="button" class="btn btn-sm p-0 fs-20 header-item float-end btn-vertical-sm-hover"
                id="vertical-hover">
            <i class="ri-record-circle-line"></i>
        </button>
    </div>

    <div id="scrollbar" data-simplebar="init" class="h-100">
        <div class="simplebar-wrapper" style="margin: 0px;">
            <div class="simplebar-height-auto-observer-wrapper">
                <div class="simplebar-height-auto-observer"></div>
            </div>
            <div class="simplebar-mask">
                <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
                    <div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: 100%; overflow: hidden scroll;">
                        <div class="simplebar-content" style="padding: 0px;">
                            <div class="container-fluid">

                                <div id="two-column-menu">
                                </div>
                                <ul class="navbar-nav" id="navbar-nav" data-simplebar="init">
                                    <div class="simplebar-wrapper" style="margin: 0px;">
                                        <div class="simplebar-height-auto-observer-wrapper">
                                            <div class="simplebar-height-auto-observer"></div>
                                        </div>
                                        <div class="simplebar-mask">
                                            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
                                                <div class="simplebar-content-wrapper" tabindex="0" role="region"
                                                     aria-label="scrollable content"
                                                     style="height: auto; overflow: hidden;">
                                                    <div class="simplebar-content" style="padding: 0px;">
                                                        <li class="menu-title"><span data-key="t-menu">Меню</span></li>
                                                        <li class="nav-item">
                                                            <a class="nav-link menu-link active"
                                                               href="#sidebarDashboards" data-bs-toggle="collapse"
                                                               role="button" aria-expanded="true"
                                                               aria-controls="sidebarDashboards">
                                                                <i class="ri-dashboard-2-line"></i> <span
                                                                        data-key="t-dashboards">Управление</span>
                                                            </a>
                                                            <div class="collapse menu-dropdown show"
                                                                 id="sidebarDashboards">
                                                                <ul class="nav nav-sm flex-column">
                                                                    <li class="nav-item">
                                                                        <a href="{{ route('dashboard') }}" class="nav-link @if(Route::currentRouteName() == 'dashboard' ) active @endif" data-key="t-analytics"> Панель управления </a>
                                                                    </li>
                                                                    <li class="nav-item">
                                                                        <a href="{{ route('users.index') }}" class="nav-link @if(Route::currentRouteName() == 'users.index' ) active @endif" data-key="t-analytics"> Пользователи </a>
                                                                    </li>
                                                                    <li class="nav-item">
                                                                        <a href="{{ route('invoice.index') }}" class="nav-link @if(Route::currentRouteName() == 'invoice.index' ) active @endif" data-key="t-crm"> Счета </a>
                                                                    </li>
                                                                    <li class="nav-item">
                                                                        <a href="{{route('notifications.index')}}" class="nav-link @if(Route::currentRouteName() == 'notifications.index' ) active @endif" data-key="t-ecommerce"> Уведомления </a>
                                                                    </li>
                                                                    <li class="nav-item">
                                                                        <a href="{{ route('invoice.create') }}" class="nav-link @if(Route::currentRouteName() == 'invoice.create' ) active @endif" data-key="t-crypto"> Выставить счет </a>
                                                                    </li>
                                                                    <li class="nav-item">
                                                                        <a href="{{route('services-applications.index')}}" class="nav-link @if(Route::currentRouteName() == 'services-applications.index' ) active @endif">Заявки на обслуживание</a>
                                                                    </li>
                                                                    <li class="nav-item">
                                                                        <a href="{{route('property.index')}}" class="nav-link @if(Route::currentRouteName() == 'property.index' ) active @endif">Управление объектами</a>
                                                                    </li>
                                                                    <li class="nav-item">
                                                                        <a href="{{route('log-viewer.index')}}" class="nav-link" data-key="t-projects">Логи </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </li> <!-- end Dashboard Menu -->
                                                        <li class="nav-item">
                                                            <a class="nav-link menu-link" href="#sidebarApps"
                                                               data-bs-toggle="collapse" role="button"
                                                               aria-expanded="false" aria-controls="sidebarApps">
                                                                <i class="ri-apps-2-line"></i> <span data-key="t-apps">Дополнения</span>
                                                            </a>
                                                            <div class="collapse menu-dropdown" id="sidebarApps">
                                                                <ul class="nav nav-sm flex-column">

                                                                    <li class="nav-item">
                                                                        <a href="apps-file-manager.html"
                                                                           class="nav-link"> <span
                                                                                    data-key="t-file-manager">File Manager</span></a>
                                                                    </li>
                                                                    <li class="nav-item">
                                                                        <a href="apps-todo.html" class="nav-link"> <span
                                                                                    data-key="t-to-do">To Do</span></a>
                                                                    </li>

                                                                    <li class="nav-item">
                                                                        <a href="apps-api-key.html" class="nav-link">
                                                                            <span data-key="t-api-key">API Key</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                         <!-- end Dashboard Menu -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="simplebar-placeholder" style="width: 249px; height: 1086px;"></div>
                                    </div>
                                    <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
                                        <div class="simplebar-scrollbar" style="width: 0px; display: none;"></div>
                                    </div>
                                    <div class="simplebar-track simplebar-vertical" style="visibility: hidden;">
                                        <div class="simplebar-scrollbar" style="height: 0px; display: none;"></div>
                                    </div>
                                </ul>
                            </div>
                            <!-- Sidebar -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="simplebar-placeholder" style="width: auto; height: 1086px;"></div>
        </div>
        <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
            <div class="simplebar-scrollbar" style="width: 0px; display: none;"></div>
        </div>
        <div class="simplebar-track simplebar-vertical" style="visibility: visible;">
            <div class="simplebar-scrollbar"
                 style="height: 555px; transform: translate3d(0px, 0px, 0px); display: block;"></div>
        </div>
    </div>

    <div class="sidebar-background"></div>
</div>