@extends('indexlayout')

@section('title', 'IKU')
@push('style')
@endpush
@section('content')
    <div class="row">
        <main id="js-page-content" role="main" class="page-content">
            <ol class="breadcrumb page-breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0);">IKU</a></li>
                <li class="breadcrumb-item active">2024</li>
                <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
            </ol>

            <div class="row">
                <div class="col-lg-6">
                    <div id="panel-6" class="panel">
                        <div class="panel" style="text-align: center; padding:15px 0 15px">
                            <h4>
                                Pengelolaan Sampah Kota yang Kolaboratif dan Berkelanjutan
                            </h4>
                        </div>
                        <div class="panel-container show">
                            <div id="iku1">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div id="panel-6" class="panel">
                        <div class="panel" style="text-align: center; padding:15px 0 15px">
                            <h4>
                                Pengelolaan Sampah Kota yang Kolaboratif dan Berkelanjutan
                            </h4>
                        </div>
                        <div class="panel-container show">
                            <div id="iku2">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xl-12">
                    <div id="panel-1" class="panel">
                        <div class="panel-hdr">
                            <h2>
                                Tabel Indikator Kinerja Utama (IKU)
                            </h2>
                        </div>
                        <div class="panel-container show">

                            <div class="panel-content">
                                <div class="col-xl-3">
                                    <div id="js_default_list ">
                                        <div class="input-group mb-g">
                                            <input type="text" class="form-control form-control-lg shadow-inset-2"
                                                onkeyup="searchTable()" id="searchInput" placeholder="Filter list">
                                            <div class="input-group-append">
                                                <div class="input-group-text">
                                                    <i class="fal fa-search fs-xl"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- <input type="text" id="searchInput" onkeyup="searchTable()"
                                    placeholder="Cari berdasarkan Tujuan, Sasaran, atau Indikator Kinerja Utama..."> --}}
                                <!-- datatable start -->
                                <table id="ikuTable" class="table table-bordered table-hover table-striped w-100 ">
                                    <thead class="bg-highlight" style="text-align:center">
                                        <tr>
                                            <th rowspan="2">No</th>
                                            <th rowspan="2">Tujuan RPD / Tujuan Renstra</th>
                                            <th rowspan="2">SASARAN RPD/SASARAN RENSTRA </th>
                                            <th rowspan="2">INDIKATOR KINERJA UTAMA (IKU)</th>
                                            <th rowspan="2">DEFINISI OPERASIONAL</th>
                                            <th colspan="4">TARGET ANGGARAN (RPD) </th>
                                            <th>Satuan</th>
                                            <th colspan="4">TARGET</th>
                                            <th colspan="4">Realisasi</th>
                                        </tr>
                                        <tr>
                                            <td>2023</td>
                                            <td>2024</td>
                                            <td>2025</td>
                                            <td>2026</td>
                                            <td>Persentase</td>
                                            <td>2023</td>
                                            <td>2024</td>
                                            <td>2025</td>
                                            <td>2026</td>
                                            <td>2023</td>
                                            <td>2024</td>
                                            <td>2025</td>
                                            <td>2026</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td class="left-align">Terwujudnya Regenerasi Kota yang Berketahanan dan
                                                Berkelanjutan</td>
                                            <td class="left-align">Terbangunnya Infrastruktur dan Layanan Dasar Perkotaan
                                                yang Berkualitas</td>
                                            <td class="left-align">-</td>
                                            <td class="left-align">-</td>
                                            <td>3,094,548,582,006</td>
                                            <td>3,267,721,137,206</td>
                                            <td>3,528,055,352,812</td>
                                            <td>4,293,978,027,726</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                        </tr>
                                        <tr>
                                            <td rowspan="3">2</td>
                                            <td rowspan="3" class="left-align">Pengelolaan Sampah Kota yang Kolaboratif
                                                dan Berkelanjutan </td>
                                            <td rowspan="3" class="left-align">Optimalisasi Pengurangan dan Penanganan
                                                Sampah yang
                                                Kolaboratif serta Berwawasan Lingkungan </td>
                                            <td class="left-align">Persentase Pengelolaan Sampah</td>
                                            <td class="left-align">Penjumlahan persentase penanganan sampah dan pengurangan
                                                sampah</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>Persentase</td>
                                            <td>99</td>
                                            <td>99</td>
                                            <td>100</td>
                                            <td>100</td>
                                            <td>99.75</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                        <tr>
                                            <td class="left-align">Persentase pengurangan sampah</td>
                                            <td class="left-align">Total pengurangan sampah dibagi total timbulan sampah
                                                dikali 100%</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>Persentase</td>
                                            <td>27</td>
                                            <td>28</td>
                                            <td>30</td>
                                            <td>30</td>
                                            <td>27.08</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                        </tr>
                                        <tr>
                                            <td class="left-align">Persentase penanganan sampah</td>
                                            <td class="left-align">Total pengurangan sampah dibagi total timbulan sampah
                                                dikali 100%</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>Persentase</td>
                                            <td>71</td>
                                            <td>71</td>
                                            <td>70</td>
                                            <td>70</td>
                                            <td>72.67</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                        </tr>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td class="left-align">Terwujudnya Regenerasi Kota yang Berketahanan dan
                                                Berkelanjutan</td>
                                            <td class="left-align">Tercapainya Pemulihan Ekosistem Kota dan Implementasi
                                                Pembangunan Rendah Karbon</td>
                                            <td class="left-align">-</td>
                                            <td class="left-align">-</td>
                                            <td>47,633,498,781</td>
                                            <td>51,390,912,804</td>
                                            <td>54,910,021,826</td>
                                            <td>58,691,723,354</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                        <tr>

                                        <tr>
                                            <td rowspan="5">4</td>
                                            <td rowspan="5" class="left-align">Perbaikan Kualitas Lingkungan Hidup</td>
                                            <td rowspan="5" class="left-align">Pengurangan Pencemaran Lingkungan melalui
                                                Upaya Preventif dan Pengendalian yang Intensif</td>
                                            <td class="left-align">Indeks Kualitas Air</td>
                                            <td class="left-align">Suatu nilai yang menggambarkan kondisi kualitas air yang
                                                merupakan nilai komposit parameter kualitas air dalam suatu wilayah pada
                                                waktu tertentu</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>Indeks</td>
                                            <td>44.69</td>
                                            <td>45.19</td>
                                            <td>45.69</td>
                                            <td>46.19</td>
                                            <td>40.76</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="left-align">Indeks Kualitas Udara</td>
                                            <td class="left-align">Ukuran yang menggambarkan kualitas udara yang merupakan
                                                nilai komposit parameter kualitas udara dalam suatu wilayah pada waktu
                                                tertentu</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>Indeks</td>
                                            <td>67,02</td>
                                            <td>67,52</td>
                                            <td>68,02</td>
                                            <td>68,52</td>
                                            <td>68.46</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>

                                            <td class="left-align">Persentase Penurunan Emisi GRK pada Sektor Limbah</td>
                                            <td class="left-align">Nilai persentase yang menggambarkan penurunan emisi Gas
                                                Rumah Kaca dari nilai baseline-nya, setelah dilakukan upaya mitigasi emisi
                                                Gas Rumah Kaca dari aksi Mitigasi pada sektor Limbah</td>
                                            <td>Persentase</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>0,28</td>
                                            <td>0,38</td>
                                            <td>0,45</td>
                                            <td>0,67</td>
                                            <td>0.29</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="left-align">Persentase Peningkatan Status Indeks Pencemar (IP)</td>
                                            <td class="left-align">Persentase jumlah kategori "cemar sedang" dibagi jumlah
                                                titik pemantauan</td>
                                            <td>Persentase</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>24</td>
                                            <td>25</td>
                                            <td>26</td>
                                            <td>27</td>
                                            <td>28</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td class="left-align">Persentase Peningkatan Status Indeks Standar Pencemaran
                                                Udara (ISPU)</td>
                                            <td class="left-align">Persentase jumlah hari kategori "sedang" dibagi jumlah
                                                hari pemantauan</td>
                                            <td>Persentase</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>63</td>
                                            <td>64,5</td>
                                            <td>65,5</td>
                                            <td>66,5</td>
                                            <td>52</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>-</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <!-- datatable end -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </main>

    @endsection

    @push('script')
        <script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
        {{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
        <script src="{{ asset('layout/dist/js/tabel.js') }}"></script>
        <script src="{{ asset('layout/dist/js/linechart.js') }}"></script>
        <script src="{{ asset('layout/dist/js/iku.js') }}"></script>
        <script>
            function searchTable() {
                var input, filter, table, tr, td, i, txtValue;
                input = document.getElementById("searchInput");
                filter = input.value.toLowerCase();
                table = document.getElementById("ikuTable");
                tr = table.getElementsByTagName("tr");

                for (i = 1; i < tr.length; i++) {
                    tr[i].style.display = "none"; // Hide all rows initially
                    td = tr[i].getElementsByTagName("td");

                    for (var j = 0; j < td.length; j++) {
                        if (td[j]) {
                            txtValue = td[j].textContent || td[j].innerText;
                            if (txtValue.toLowerCase().indexOf(filter) > -1) {
                                tr[i].style.display = ""; // Show row if match is found
                                break;
                            }
                        }
                    }
                }
            }
        </script>
    @endpush
