<aside id="layout-menu" class="layout-menu menu-vertical menu">
    <div class="app-brand demo ">
    <a href="{{ route('dashboard.summary') }}" class="app-brand-link">
        <span class="app-brand-logo demo">
            <span class="text-primary">
                <svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <!-- Daun Bagian Kiri -->
                    <path opacity="0.3" d="M16 2.5C16 2.5 5 6.5 5 15.5C5 20.5 11 23.5 16 23.5V2.5Z" fill="currentColor" />
                    <!-- Daun Bagian Kanan -->
                    <path opacity="0.6" d="M16 2.5C16 2.5 27 6.5 27 15.5C27 20.5 21 23.5 16 23.5V2.5Z" fill="currentColor" />
                    <!-- Grafik Pertumbuhan (Monev) -->
                    <path d="M2 19L10 11L15 15L27 4" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
                    <!-- Titik Target/Pencapaian -->
                    <circle cx="27" cy="4" r="2.5" fill="currentColor" />
                </svg>
            </span>
        </span>
        <span class="app-brand-text demo menu-text fw-bold ms-3" style="text-transform: capitalize;">AgroMonev</span>
    </a>

    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
        <i class="icon-base ti menu-toggle-icon d-none d-xl-block"></i>
        <i class="icon-base ti tabler-x d-block d-xl-none"></i>
    </a>
    </div>

    <div class="menu-inner-shadow"></div>

    <ul class="menu-inner py-1">
    <!-- Dashboards -->
    <li class="menu-item active open">
        <a href="javascript:void(0);" class="menu-link menu-toggle">
        <i class="menu-icon icon-base ti tabler-smart-home"></i>
        <div data-i18n="Dashboards">Dashboards</div>
        <div class="badge text-bg-danger rounded-pill ms-auto">5</div>
        </a>
        <ul class="menu-sub">
        <li class="menu-item active">
            <a href="{{ route('dashboard.summary') }}" class="menu-link">
            <div data-i18n="Summary">Summary</div>
            </a>
        </li>
        <li class="menu-item">
            <a href="{{ route('dashboard.resiliensi') }}" class="menu-link">
            <div data-i18n="Reseliensi">Reseliensi</div>
            </a>
        </li>
        <li class="menu-item">
            <a href="{{ route('dashboard.hilirisasi') }}" class="menu-link">
            <div data-i18n="Hilirisasi">Hilirisasi</div>
            </a>
        </li>
        <li class="menu-item">
            <a href="{{ route('dashboard.konektivitas') }}" class="menu-link">
            <div data-i18n="Konektivitas">Konektivitas</div>
            </a>
        </li>
        <li class="menu-item">
            <a href="{{ route('dashboard.akselerasi') }}" class="menu-link">
            <div data-i18n="Akselerasi">Akselerasi</div>
            </a>
        </li>
        </ul>
    </li>
    <!-- Konfigurasi -->
    <li class="menu-header small">
        <span class="menu-header-text" data-i18n="Apps & Pages">Konfigurasi</span>
    </li>
    <li class="menu-item">
        <a href="javascript:void(0);" class="menu-link menu-toggle">
        <i class="menu-icon icon-base ti tabler-users"></i>
        <div data-i18n="Users">Users</div>
        </a>
        <ul class="menu-sub">
        <li class="menu-item">
            <a href="{{ route('users.index') }}" class="menu-link">
            <div data-i18n="List">List</div>
            </a>
        </li>

        <li class="menu-item">
            <a href="javascript:void(0);" class="menu-link menu-toggle">
            <div data-i18n="View">View</div>
            </a>
            <ul class="menu-sub">
            <li class="menu-item">
                <a href="app-user-view-account.html" class="menu-link">
                <div data-i18n="Account">Account</div>
                </a>
            </li>
            <li class="menu-item">
                <a href="app-user-view-security.html" class="menu-link">
                <div data-i18n="Security">Security</div>
                </a>
            </li>
            <li class="menu-item">
                <a href="app-user-view-billing.html" class="menu-link">
                <div data-i18n="Billing & Plans">Billing & Plans</div>
                </a>
            </li>
            <li class="menu-item">
                <a href="app-user-view-notifications.html" class="menu-link">
                <div data-i18n="Notifications">Notifications</div>
                </a>
            </li>
            <li class="menu-item">
                <a href="app-user-view-connections.html" class="menu-link">
                <div data-i18n="Connections">Connections</div>
                </a>
            </li>
            </ul>
        </li>
        </ul>
    </li>
    <li class="menu-item">
        <a href="javascript:void(0);" class="menu-link menu-toggle">
        <i class="menu-icon icon-base ti tabler-file"></i>
        <div data-i18n="master">Master</div>
        </a>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="javascript:void(0);" class="menu-link menu-toggle">
                <div data-i18n="wilayah">Wilayah</div>
                </a>
                <ul class="menu-sub">
                <li class="menu-item">
                    <a href="{{ route('provinsi.index') }}" class="menu-link">
                    <div data-i18n="Provinsi">provinsi</div>
                    </a>
                </li>
                <li class="menu-item">
                    <a href="{{ route('kabupatenkota.index') }}" class="menu-link">
                    <div data-i18n="Kabupaten Kota">Kabupaten Kota</div>
                    </a>
                </li>
                <li class="menu-item">
                    <a href="{{ route('kecamatan.index') }}" class="menu-link">
                    <div data-i18n="Kecamatan">Kecamatan</div>
                    </a>
                </li>
                <li class="menu-item">
                    <a href="{{ route('desakelurahan.index') }}" class="menu-link">
                    <div data-i18n="Desa Kelurahan">Desa Kelurahan</div>
                    </a>
                </li>
                </ul>
            </li>
        </ul>
    </li>

    <!-- Misc -->
    <li class="menu-header small">
        <span class="menu-header-text" data-i18n="Misc">Misc</span>
    </li>

    <!-- Multi Level Menu -->
    <li class="menu-item">
        <a
        href="https://demos.pixinvent.com/vuexy-html-admin-template/documentation/"
        target="_blank"
        class="menu-link">
        <i class="menu-icon icon-base ti tabler-file-description"></i>
        <div data-i18n="Documentation">Documentation</div>
        </a>
    </li>
    </ul>
</aside>

<div class="menu-mobile-toggler d-xl-none rounded-1">
    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large text-bg-secondary p-2 rounded-1">
    <i class="ti tabler-menu icon-base"></i>
    <i class="ti tabler-chevron-right icon-base"></i>
    </a>
</div>