<div class="app-menu navbar-menu">
    <!-- LOGO -->
    <div class="navbar-brand-box">
        <!-- Dark Logo-->
        <a href="{{ route('dashboard') }}" class="logo logo-dark">
            <span class="logo-sm">
                <img src="{{ asset('logo.svg') }}" class="my-0" alt="" height="20">
            </span>
            <span class="logo-lg">
                <img src="{{ asset('logo.svg') }}" class="my-0" alt="" height="50">
            </span>
        </a>
        <!-- Light Logo-->
        <a href="{{ route('dashboard') }}" class="logo logo-light">
            <span class="logo-sm">
                <img src="{{ asset('logo.svg') }}" class="my-0" alt="" height="20">
            </span>
            <span class="logo-lg">
                <img src="{{ asset('logo.svg') }}" class="my-0" alt="" height="50">
            </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">
        <div class="container-fluid mt-2">

            <div id="two-column-menu">
            </div>
            <ul class="navbar-nav" id="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link menu-link {{ Request::is('admin/dashboard') ? 'active' : '' }}"
                       href="{{ route('dashboard') }}">
                        <i class="mdi mdi-speedometer"></i> <span>Dashboard</span>
                    </a>
                </li>
                @can('administrator')
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/pengaturan/*') ? 'collapsed active' : '' }} "
                           href="#sidebarPengaturan" data-bs-toggle="collapse" role="button" aria-expanded="false"
                           aria-controls="sidebarPengaturan">
                            <i class="mdi mdi-application-cog-outline"></i> <span data-key="t-pengaturan">Pengaturan</span>
                        </a>
                        <div class="collapse menu-dropdown {{ Request::is('admin/pengaturan/*') ? 'show' : '' }}"
                             id="sidebarPengaturan">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('pengaturan.informasi-website') }}"
                                       class="nav-link {{ Request::is('admin/pengaturan/informasi-website') ? 'active' : '' }}">
                                        Informasi Website </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('pengaturan.pengguna') }}"
                                       class="nav-link {{ Request::is('admin/pengaturan/pengguna') ? 'active' : '' }}">
                                        Pengguna </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('pengaturan.media-sosial') }}"
                                       class="nav-link {{ Request::is('admin/pengaturan/media-sosial') ? 'active' : '' }}">
                                        Media Sosial </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('pengaturan.slider') }}"
                                       class="nav-link {{ Request::is('admin/pengaturan/slider') ? 'active' : '' }}">
                                        Slider
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/halaman/*') ? 'collapsed active' : '' }} "
                           href="#sidebarHalaman" data-bs-toggle="collapse" role="button" aria-expanded="false"
                           aria-controls="sidebarHalaman">
                            <i class="mdi mdi-file-cog"></i> <span data-key="t-halaman">Halaman</span>
                        </a>
                        <div class="collapse menu-dropdown {{ Request::is('admin/halaman/*') ? 'show' : '' }}"
                             id="sidebarHalaman">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('halaman.semua-halaman') }}"
                                       class="nav-link {{ Request::is('admin/halaman/semua-halaman') ? 'active' : '' }}">
                                        Semua Halaman </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('halaman.buat-baru') }}"
                                       class="nav-link {{ Request::is('admin/halaman/buat-baru') ? 'active' : '' }}"> Buat
                                        Baru </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/post/*') ? 'collapsed active' : '' }} "
                           href="#sidebarPost" data-bs-toggle="collapse" role="button" aria-expanded="false"
                           aria-controls="sidebarPost">
                            <i class="mdi mdi-newspaper-variant"></i> <span data-key="t-post">Post</span>
                        </a>
                        <div class="collapse menu-dropdown {{ Request::is('admin/post/*') ? 'show' : '' }}"
                             id="sidebarPost">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('post.semua-post') }}"
                                       class="nav-link {{ Request::is('admin/post/semua-post') ? 'active' : '' }}"> Semua
                                        Post </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('post.buat-baru') }}"
                                       class="nav-link {{ Request::is('admin/post/buat-baru') ? 'active' : '' }}"> Buat
                                        Baru
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('post.kategori') }}"
                                       class="nav-link {{ Request::is('admin/post/kategori') ? 'active' : '' }}"> Kategori
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/menu') ? 'active' : '' }}"
                           href="{{ route('admin.menu') }}">
                            <i class="mdi mdi-sitemap"></i> <span>Menu</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/pengumuman/*') ? 'collapsed active' : '' }} "
                           href="#sidebarPengumuman" data-bs-toggle="collapse" role="button" aria-expanded="false"
                           aria-controls="sidebarPengumuman">
                            <i class="mdi mdi-bullhorn-variant"></i> <span data-key="t-pengumuman">Pengumuman</span>
                        </a>
                        <div class="collapse menu-dropdown {{ Request::is('admin/pengumuman/*') ? 'show' : '' }}"
                             id="sidebarPengumuman">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('pengumuman.semua-pengumuman') }}"
                                       class="nav-link {{ Request::is('admin/pengumuman/semua-pengumuman') ? 'active' : '' }}">
                                        Semua Pengumuman </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('pengumuman.buat-baru') }}"
                                       class="nav-link {{ Request::is('admin/pengumuman/buat-baru') ? 'active' : '' }}">
                                        Buat Baru </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/unduhan') ? 'active' : '' }}"
                           href="{{ route('admin.unduhan') }}">
                            <i class="mdi mdi-cloud-download"></i> <span>Unduhan</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/album-kegiatan') ? 'active' : '' }}"
                           href="{{ route('admin.album-kegiatan') }}">
                            <i class="mdi mdi-folder-image"></i> <span>Album Kegiatan</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/link') ? 'active' : '' }}"
                           href="{{ route('admin.link') }}">
                            <i class="mdi mdi-monitor-multiple"></i> <span>Link Aplikasi</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/pengaturan/instagram') ? 'active' : '' }}"
                           href="{{ route('pengaturan.instagram') }}">
                            <i class="mdi mdi-instagram"></i> <span>Instagram</span>
                        </a>
                    </li>
                @endcan

                @can('editor')
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/halaman/*') ? 'collapsed active' : '' }} "
                           href="#sidebarHalaman" data-bs-toggle="collapse" role="button" aria-expanded="false"
                           aria-controls="sidebarHalaman">
                            <i class="mdi mdi-file-cog"></i> <span data-key="t-halaman">Halaman</span>
                        </a>
                        <div class="collapse menu-dropdown {{ Request::is('admin/halaman/*') ? 'show' : '' }}"
                             id="sidebarHalaman">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('halaman.semua-halaman') }}"
                                       class="nav-link {{ Request::is('admin/halaman/semua-halaman') ? 'active' : '' }}">
                                        Semua Halaman </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('halaman.buat-baru') }}"
                                       class="nav-link {{ Request::is('admin/halaman/buat-baru') ? 'active' : '' }}"> Buat
                                        Baru </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/post/*') ? 'collapsed active' : '' }} "
                           href="#sidebarPost" data-bs-toggle="collapse" role="button" aria-expanded="false"
                           aria-controls="sidebarPost">
                            <i class="mdi mdi-newspaper-variant"></i> <span data-key="t-post">Post</span>
                        </a>
                        <div class="collapse menu-dropdown {{ Request::is('admin/post/*') ? 'show' : '' }}"
                             id="sidebarPost">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('post.semua-post') }}"
                                       class="nav-link {{ Request::is('admin/post/semua-post') ? 'active' : '' }}"> Semua
                                        Post </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('post.buat-baru') }}"
                                       class="nav-link {{ Request::is('admin/post/buat-baru') ? 'active' : '' }}"> Buat Baru
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('post.kategori') }}"
                                       class="nav-link {{ Request::is('admin/post/kategori') ? 'active' : '' }}"> Kategori
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/menu') ? 'active' : '' }}"
                           href="{{ route('admin.menu') }}">
                            <i class="mdi mdi-sitemap"></i> <span>Menu</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/pengumuman/*') ? 'collapsed active' : '' }} "
                           href="#sidebarPengumuman" data-bs-toggle="collapse" role="button" aria-expanded="false"
                           aria-controls="sidebarPengumuman">
                            <i class="mdi mdi-bullhorn-variant"></i> <span data-key="t-pengumuman">Pengumuman</span>
                        </a>
                        <div class="collapse menu-dropdown {{ Request::is('admin/pengumuman/*') ? 'show' : '' }}"
                             id="sidebarPengumuman">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('pengumuman.semua-pengumuman') }}"
                                       class="nav-link {{ Request::is('admin/pengumuman/semua-pengumuman') ? 'active' : '' }}">
                                        Semua Pengumuman </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('pengumuman.buat-baru') }}"
                                       class="nav-link {{ Request::is('admin/pengumuman/buat-baru') ? 'active' : '' }}">
                                        Buat Baru </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/unduhan') ? 'active' : '' }}"
                           href="{{ route('admin.unduhan') }}">
                            <i class="mdi mdi-cloud-download"></i> <span>Unduhan</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/album-kegiatan') ? 'active' : '' }}"
                           href="{{ route('admin.album-kegiatan') }}">
                            <i class="mdi mdi-folder-image"></i> <span>Album Kegiatan</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ Request::is('admin/link') ? 'active' : '' }}"
                           href="{{ route('admin.link') }}">
                            <i class="mdi mdi-monitor-multiple"></i> <span>Link Aplikasi</span>
                        </a>
                    </li>
                @endcan
            </ul>
        </div>
    </div>

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