<div class="app-menu navbar-menu">
    <!-- LOGO -->
    <div class="navbar-brand-box">
        <!-- Dark Logo-->
        <a href="index.html" class="logo logo-dark">
            <span class="logo-sm">
                <img src="assets/images/logo-sm.png" alt="" height="22">
            </span>
            <span class="logo-lg">
                <img src="assets/images/logo-dark.png" alt="" height="17">
            </span>
        </a>
        <!-- Light Logo-->
        <a href="index.html" class="logo logo-light">
            <span class="logo-sm">
                <img src="assets/images/logo-sm.png" alt="" height="22">
            </span>
            <span class="logo-lg">
                <img src="assets/images/logo-light.png" alt="" height="17">
            </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">

            <div id="two-column-menu">
            </div>
            <ul class="navbar-nav" id="navbar-nav">
                <li class="menu-title"><span data-key="t-menu">Menu</span></li>

                @if (Auth::user()->role == 'admin')
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ request()->routeIs('dashboard.admin') ? 'active' : '' }}"
                            href="{{ route('dashboard.admin') }}">
                            <i data-feather="home" class="icon-dual"></i> <span
                                data-key="t-dashboards">Dashboards</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ request()->routeIs('master_data.*') ? 'collapsed active' : '' }}"
                            href="#sidebarApps" data-bs-toggle="collapse" role="button"
                            aria-expanded="{{ request()->routeIs('master_data.*') ? 'true' : 'false' }}"
                            aria-controls="sidebarApps">
                            <i data-feather="grid" class="icon-dual"></i> <span data-key="t-apps">Master Data</span>
                        </a>
                        <div class="collapse menu-dropdown {{ request()->routeIs('master_data.*') ? 'show' : '' }}"
                            id="sidebarApps">
                            <ul class="nav nav-sm flex-column">
                                <li class="nav-item">
                                    <a href="{{ route('master_data.pengguna.index') }}"
                                        class="nav-link {{ request()->routeIs('master_data.pengguna.*') ? 'active' : '' }}"
                                        data-key="t-calendar"> Pengguna
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('master_data.lahan.index') }}"
                                        class="nav-link {{ request()->routeIs('master_data.lahan.*') ? 'active' : '' }}"
                                        data-key="t-calendar"> Lahan
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('master_data.indikator.index') }}"
                                        class="nav-link {{ request()->routeIs('master_data.indikator.*') ? 'active' : '' }}"
                                        data-key="t-calendar"> Indikator
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('master_data.aturan.index') }}"
                                        class="nav-link {{ request()->routeIs('master_data.aturan.*') ? 'active' : '' }}"
                                        data-key="t-calendar"> Aturan
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ request()->routeIs('assessment_history.index') ? 'active' : '' }}"
                            href="{{ route('assessment_history.index') }}">
                            <i data-feather="book" class="icon-dual"></i> <span data-key="t-dashboards">Riwayat
                                Penilaian</span>
                        </a>
                    </li>
                @else
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ request()->routeIs('dashboard.petugas') ? 'active' : '' }}"
                            href="{{ route('dashboard.petugas') }}">
                            <i data-feather="home" class="icon-dual"></i> <span
                                data-key="t-dashboards">Dashboards</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ request()->routeIs('assesment_form.index') ? 'active' : '' }}"
                            href="{{ route('assesment_form.index') }}">
                            <i data-feather="file-text" class="icon-dual"></i> <span data-key="t-dashboards">Form
                                Penilaian</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link menu-link {{ request()->routeIs('assessment_history_officer.officer') ? 'active' : '' }}"
                            href="{{ route('assessment_history_officer.officer') }}">
                            <i data-feather="book" class="icon-dual"></i> <span data-key="t-dashboards">Riwayat
                                Penilaian</span>
                        </a>
                    </li>
                @endif <!-- end Dashboard Menu -->

                {{-- <li class="menu-title"><i class="ri-more-fill"></i> <span data-key="t-pages">Pages</span>
                </li> --}}

            </ul>
        </div>
        <!-- Sidebar -->
    </div>
</div>
