@{
    Layout = "_Layout";

    ViewData["Title"] = "Program Sampah - Dinas Lingkungan Hidup DKI Jakarta";
    ViewData["Description"] = "Program Sampah - Dinas Lingkungan Hidup DKI Jakarta";
    ViewData["Keywords"] = "Program Sampah, DLH, Dinas Lingkungan Hidup DKI Jakarta";
    ViewData["OgTitle"] = "Program Sampah - Dinas Lingkungan Hidup DKI Jakarta";
    ViewData["OgDescription"] = "Dinas Lingkungan Hidup DKI Jakarta";
    ViewData["TwitterTitle"] = "Program Sampah - Dinas Lingkungan Hidup DKI Jakarta";
    ViewData["TwitterDescription"] = "Dinas Lingkungan Hidup DKI Jakarta";

    // Breadcumb
    ViewData["BreadcrumbText"] = "Program Pengelolaan Sampah Dinas Lingkungan Hidup Provinsi DKI Jakarta";
    ViewData["TitleBeforeHighlight"] = "Inovasi Pengelolaan Sampah";
    ViewData["TitleHighlight"] = "Menuju Jakarta Bebas Sampah";
}
    <!-- Breadcumb -->
    <partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />

    <!-- Content Section -->
    <section class="container mx-auto px-6 lg:px-12 py-16">
        <div class="max-w-6xl mx-auto space-y-12">
            <!-- Accordion Container -->
            <div class="bg-white rounded-3xl shadow-2xl p-8 lg:p-12 border border-gray-100 space-y-4">
                <!-- Accordion Item 1 -->
                <div class="border border-gray-200 rounded-xl overflow-hidden">
                    <button class="w-full px-6 py-4 text-left bg-gradient-to-r from-green-50 to-cyan-50 hover:from-green-100 hover:to-cyan-100 transition-colors duration-200 flex items-center justify-between" onclick="toggleAccordion('accordion1')">
                        <div class="flex items-center space-x-3">
                            <i class="text-orange-600" data-lucide="book-open"></i>
                            <h3 class="text-lg font-semibold text-gray-800">Definisi & Dasar Hukum</h3>
                        </div>
                        <i class="text-gray-600 transition-transform duration-200" data-lucide="chevron-down" id="icon1"></i>
                    </button>
                    <div id="accordion1" class="hidden px-6 py-4 bg-white">
                        <p class="text-gray-700 leading-relaxed text-md mb-6">
                            Pengelolaan sampah adalah kegiatan yang sistematis, menyeluruh, dan berkesinambungan yang meliputi pengurangan dan penanganan sampah (Undang – Undang Nomor 18 Tahun 2008 tentang Pengelolaan Sampah). Pengelolaan sampah ini meliputi pengurangan dan penanganan sampah. Pelaksanaan pengelolaan sampah di Provinsi DKI Jakarta dilakukan berdasarkan:
                        </p>
                        <div class="grid gap-3">
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">1</span>
                                    <p class="text-gray-700 text-sm">Undang – Undang Nomor 18 Tahun 2008 tentang Pengelolaan Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">2</span>
                                    <p class="text-gray-700 text-sm">Peraturan Pemerintah Nomor 81 Tahun 2012 tentang Pengelolaan Sampah Rumah Tangga dan Sampah Sejenis Sampah Rumah Tangga</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">3</span>
                                    <p class="text-gray-700 text-sm">Peraturan Menteri Dalam Negeri Nomor 33 Tahun 2010 tentang Pedoman Pengelolaan Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">4</span>
                                    <p class="text-gray-700 text-sm">Peraturan Menteri Pekerjaan Umum Nomor 3 Tahun 2013 Tentang Penyelenggaraan Prasarana Dan Sarana Persampahan Dalam Penanganan Sampah Rumah Tangga Dan Sampah Sejenis Sampah Rumah Tangga</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">5</span>
                                    <p class="text-gray-700 text-sm">Peraturan Daerah Nomor 3 Tahun 2013 tentang Pengelolaan Sampah yang diubah dengan Peraturan Daerah Nomor 4 Tahun 2019</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">6</span>
                                    <p class="text-gray-700 text-sm">Rencana Strategis 2017 – 2022 Dinas Lingkungan Hidup Provinsi DKI Jakarta</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Accordion Item 2 -->
                <div class="border border-gray-200 rounded-xl overflow-hidden">
                    <button class="w-full px-6 py-4 text-left bg-gradient-to-r from-green-50 to-cyan-50 hover:from-green-100 hover:to-cyan-100 transition-colors duration-200 flex items-center justify-between" onclick="toggleAccordion('accordion2')">
                        <div class="flex items-center space-x-3">
                            <i class="text-orange-600" data-lucide="file-text"></i>
                            <h3 class="text-lg font-semibold text-gray-800">Program & Rencana Kerja 2020</h3>
                        </div>
                        <i class="text-gray-600 transition-transform duration-200" data-lucide="chevron-down" id="icon2"></i>
                    </button>
                    <div id="accordion2" class="hidden px-6 py-4 bg-white">
                        <p class="text-gray-700 leading-relaxed text-md mb-6">
                            Program / Rencana Kerja Dinas Lingkungan Hidup Tahun 2020 yang terkait dengan Pengelolaan Sampah antara lain:
                        </p>
                        <div class="grid gap-3">
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">1</span>
                                    <p class="text-gray-700 text-sm">Jasa Pendampingan Pengelolaan Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">2</span>
                                    <p class="text-gray-700 text-sm">Optimalisasi TPS 3R di wilayah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">3</span>
                                    <p class="text-gray-700 text-sm">Peningkatan Pengolahan Sampah di TPS</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">4</span>
                                    <p class="text-gray-700 text-sm">Perbaikan/Rehabilitasi TPS</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">5</span>
                                    <p class="text-gray-700 text-sm">Pemantauan Kinerja Pengelolaan Sampah di DKI Jakarta</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">6</span>
                                    <p class="text-gray-700 text-sm">Penyusunan Kebijakan Pengelolaan Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">7</span>
                                    <p class="text-gray-700 text-sm">Perencanaan Pembangunan Fasilitas Pengelolaan Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">8</span>
                                    <p class="text-gray-700 text-sm">Perencanaan Pemeliharaan Alat Pemusnah Sampah (L-Box)</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">9</span>
                                    <p class="text-gray-700 text-sm">Pembentukan dan Peningkatan Kapasitas Bank Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">10</span>
                                    <p class="text-gray-700 text-sm">Pemberdayaan Usaha dan Produk Daur Ulang Ramah Lingkungan</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">11</span>
                                    <p class="text-gray-700 text-sm">Pembinaan dan pengadaan sarana prasarana composting</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">12</span>
                                    <p class="text-gray-700 text-sm">Pembinaan Masyarakat Peduli Lingkungan</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">13</span>
                                    <p class="text-gray-700 text-sm">Penanganan Kebersihan Dengan Pekerja Kontrak Perorangan</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">14</span>
                                    <p class="text-gray-700 text-sm">Pendampingan Persiapan Pembangunan ITF</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">15</span>
                                    <p class="text-gray-700 text-sm">Pemeliharaan Saringan Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">16</span>
                                    <p class="text-gray-700 text-sm">Pemeliharaan Prasarana dan Sarana TPST Bantar gebang</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">17</span>
                                    <p class="text-gray-700 text-sm">Optimalisasi usia pakai TPST Bantar gebang</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">18</span>
                                    <p class="text-gray-700 text-sm">Pembangunan saringan sampah di perbatasan</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">19</span>
                                    <p class="text-gray-700 text-sm">Pemeliharaan Fasilitas Pengolahan Sampah JRC Pesanggrahan</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">20</span>
                                    <p class="text-gray-700 text-sm">Pemeliharaan Saringan Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">21</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Alat Biopori dan Kelengkapannya</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">22</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Dermaga Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">23</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Lahan untuk Perluasan Area Pembangunan TPS 3R Jl. Siaga Raya Kelurahan Pejaten Barat</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">24</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Penyekat Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">25</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Mesin Kapal Tempel</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">26</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Penunjang Penanganan Sampah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">27</span>
                                    <p class="text-gray-700 text-sm">Pemeliharaan Kendaraan Bermotor Truck (ATPM)</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">28</span>
                                    <p class="text-gray-700 text-sm">Pemeliharaan Kendaraan Operasional Road Sweeper (ATPM)</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">29</span>
                                    <p class="text-gray-700 text-sm">Pemeliharaan Kendaraan Operasional Gerobak Motor</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">30</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Ponton Sampah Sungai/Kali</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">31</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Tempat Sampah Pilah</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">32</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Truck Compactor</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">33</span>
                                    <p class="text-gray-700 text-sm">Pengambilan Sampah Bawah Laut</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">34</span>
                                    <p class="text-gray-700 text-sm">Pengelolaan Fasilitas Jembatan Timbang</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">35</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Perahu Karet</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">36</span>
                                    <p class="text-gray-700 text-sm">Pengadaan Ponton Sampah Sungai/Kali</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">37</span>
                                    <p class="text-gray-700 text-sm">Peningkatan TPS Limbah B3 Skala Kecamatan</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">38</span>
                                    <p class="text-gray-700 text-sm">Peningkatan TPS Limbah B3 Skala Kota</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">39</span>
                                    <p class="text-gray-700 text-sm">Penyediaan BBM KDO/KDO Khusus</p>
                                </div>
                            </div>
                            <div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
                                <div class="flex items-center space-x-3">
                                    <span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">40</span>
                                    <p class="text-gray-700 text-sm">Perbaikan Emplasemen Perintis Kemerdekaan, BKT Marunda, Manggarai, Pluit, Saringan Kembangan, Sentiong</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <register-block dynamic-section="scripts" key="jsProgramSampah">
        <script>
            function toggleAccordion(accordionId) {
                const accordion = document.getElementById(accordionId);
                const icon = document.getElementById('icon' + accordionId.slice(-1));
                
                if (accordion.classList.contains('hidden')) {
                    accordion.classList.remove('hidden');
                    icon.style.transform = 'rotate(180deg)';
                } else {
                    accordion.classList.add('hidden');
                    icon.style.transform = 'rotate(0deg)';
                }
            }
        </script>
    </register-block>