<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>
                <svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    
                    <!-- Daun Kiri (Hijau, opacity tetap) -->
                    <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="#28a745" />

                    <!-- Daun Kanan (Hijau lebih kuat) -->
                    <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="#28a745" />

                    <!-- Grafik BIRU (bawah ke tengah) -->
                    <path d="M2 19L10 11L15 15"
                        stroke="#0054A6"
                        stroke-width="2.5"
                        stroke-linecap="round"
                        stroke-linejoin="round" />

                    <!-- Grafik MERAH (tengah ke atas) -->
                    <path d="M15 15L27 4"
                        stroke="#ED1C24"
                        stroke-width="2.5"
                        stroke-linecap="round"
                        stroke-linejoin="round" />

                    <!-- Titik target (Merah) -->
                    <circle cx="27" cy="4" r="2.5" fill="#ED1C24" />
                </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>
    <!-- Ekosistem -->
    <li class="menu-header small">
        <span class="menu-header-text" data-i18n="Ekosistem">Ekosistem</span>
    </li>
    <li class="menu-item">
        <a href="javascript:void(0);" class="menu-link menu-toggle">
            <i class="menu-icon icon-base ti tabler-file-description"></i>
            <div data-i18n="Data Pertanian">Data Pertanian</div>
        </a>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="{{ route('keluarga.index') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-sitemap"></i>
                <div data-i18n="Keluarga">Keluarga</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="{{ route('profile.index') }}" class="menu-link">
                <div data-i18n="Profil Petani">Profil Petani</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="#" class="menu-link">
                <div data-i18n="Produksi & Kualitas">Produksi & Kualitas</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="{{ route('lahan.index') }}" class="menu-link">
                <div data-i18n="Pemantauan Lahan">Pemantauan Lahan</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="{{ route('komoditas.index') }}" class="menu-link">
                <div data-i18n="Pemantauan Komoditas">Pemantauan Komoditas</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="{{ route('tanaman.index') }}" class="menu-link">
                <div data-i18n="Pemantauan Tanaman">Pemantauan Tanaman</div>
                </a>
            </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-folder-root"></i>
            <div data-i18n="Basis Data Ekosistem">Basis Data Ekosistem</div>
        </a>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="#" class="menu-link">
                <div data-i18n="Sosial Ekonomi Petani">Sosial Ekonomi Petani</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="#" class="menu-link">
                <div data-i18n="Kondisi Agroekologi">Kondisi Agroekologi</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="#" class="menu-link">
                <div data-i18n="Rantai Nilai Pasar">Rantai Nilai Pasar</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="#" class="menu-link">
                <div data-i18n="Pemangku Kepentingan">Pemangku Kepentingan</div>
                </a>
            </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-line-scan"></i>
            <div data-i18n="Tracebility">Tracebility</div>
        </a>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="#" class="menu-link">
                <div data-i18n="Manajemen Batch & Kode">Manajemen Batch & Kode</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="#" class="menu-link">
                <div data-i18n="Penelusuran Product">Penelusuran Product</div>
                </a>
            </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-webhook"></i>
            <div data-i18n="Program & Komunitas">Program & Komunitas</div>
        </a>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="#" class="menu-link">
                <div data-i18n="Kelompok Belajar Petani">Kelompok Belajar Petani</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="#" class="menu-link">
                <div data-i18n="Workshop & Lokakarya">Workshop & Lokakarya</div>
                </a>
            </li>
        </ul>
        <ul class="menu-sub">
            <li class="menu-item">
                <a href="#" class="menu-link">
                <div data-i18n="Desiminasi & Replikasi">Desiminasi & Replikasi</div>
                </a>
            </li>
        </ul>
    </li>
    <!-- Master Data -->
    <li class="menu-header small">
        <span class="menu-header-text" data-i18n="Master Data">Master Data</span>
    </li>

    <li class="menu-item">
        <a href="javascript:void(0);" class="menu-link menu-toggle">
        <i class="menu-icon icon-base ti tabler-world"></i>
        <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>
    <li class="menu-item">
        <a href="{{ route('adat.index') }}" class="menu-link">
        <i class="menu-icon icon-base ti tabler-matrix"></i>
        <div data-i18n="Adat">Adat</div>
        </a>
    </li>

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

    <li class="menu-item">
        <a href="{{ route('users.index') }}" class="menu-link">
        <i class="menu-icon icon-base ti tabler-users"></i>
        <div data-i18n="Daftar Pengguna">Daftar Pengguna</div>
        </a>
    </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://docs.google.com/spreadsheets/d/1nbh4xW-K_GwRW34-cD81p9B-LnLvkvro/edit?usp=sharing&ouid=103442063105125817060&rtpof=true&sd=true"
        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>