@extends('indexlayout')

@section('title', 'IKU')
@push('style')
@endpush
@section('content')
    <main id="js-page-content" role="main" class="page-content">
        <ol class="breadcrumb page-breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0);">Indikator Kinerja Utama (IKU)</a></li>
            <li class="breadcrumb-item active">2023 - 2026</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-xl-12">
                <div id="panel-1" class="panel">

                    <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> --}}
                            <!-- datatable start -->
                            <div class="panel-content">
                                <div class="demo-no-mb">
                                    <dl class="row" style="padding: 30px 0 10px 10px ">
                                        <dt class="col-sm-1">Tujuan RPD</dt>
                                        <dd class="col-sm-11">: Terwujudnya Regenerasi Kota yang Berketahanan dan
                                            Berkelanjutan</dd>
                                        <dt class="col-sm-1">Sasaran RPD </dt>
                                        <dd class="col-sm-11">: Terbangunnya Infrastruktur dan Layanan Dasar Perkotaan yang
                                            Berkualitas</dd>
                                    </dl>
                                </div>
                            </div>
                            <div style="overflow-x:auto; white-space: wrap;  display: block; width: 100%;">
                                <table id="dt-tujuan" class="table table-bordered table-hover table-striped w-100">
                                    <thead>
                                        <tr>
                                            <td>NO</td>
                                            <td>TUJUAN RENSTRA</td>
                                            <td>SASARAN RENSTRA</td>
                                            <td>INDIKATOR KINERJA </td>
                                            <td>DEFINISI OPERASIONAL</td>
                                            <td>SATUAN</td>
                                            <td>TARGET 2023</td>
                                            <td>REALISASI 2023</td>
                                            <td>TARGET 2024</td>
                                            <td>TARGET 2025</td>
                                            <td>TARGET 2026</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td rowspan="3">
                                                <div>1</div>
                                            </td>
                                            <td rowspan="3">
                                                <div>Pengelolaan Sampah Kota yang Kolaboratif dan Berkelanjutan</div>
                                            </td>
                                            <td></td>
                                            <td>Persentase Pengelolaan Sampah</td>
                                            <td>Penjumlahan persentase penanganan sampah dan pengurangan sampah</td>
                                            <td>Persentase</td>
                                            <td>99</td>
                                            <td>99,75</td>
                                            <td>99</td>
                                            <td>100</td>
                                            <td>100</td>
                                        </tr>
                                        <tr>
                                            <td rowspan="2">
                                                <div>Optimalisasi Pengurangan dan Penanganan Sampah yang Kolaboratif serta
                                                    Berwawasan Lingkungan</div>
                                            </td>
                                            <td>Persentase pengurangan sampah</td>
                                            <td>Total pengurangan sampah dibagi total timbulan sampah dikali 100%</td>
                                            <td>Persentase</td>
                                            <td>27</td>
                                            <td>27,08</td>
                                            <td>28</td>
                                            <td>30</td>
                                            <td>30</td>
                                        </tr>
                                        <tr>
                                            <td>Persentase penanganan sampah</td>
                                            <td>Total penanganan sampah dibagi total timbulan sampah dikali 100%</td>
                                            <td>Persentase</td>
                                            <td>72</td>
                                            <td>72,67</td>
                                            <td>71</td>
                                            <td>70</td>
                                            <td>70</td>
                                        </tr>
                                </table>
                            </div>
                            <!-- datatable end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-12">
                <div id="panel-1" class="panel">

                    <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> --}}
                            <!-- datatable start -->
                            <div class="panel-content">
                                <div class="demo-no-mb">
                                    <dl class="row" style="padding: 30px 0 10px 10px ">
                                        <dt class="col-sm-1">Tujuan RPD</dt>
                                        <dd class="col-sm-11">: Terwujudnya Regenerasi Kota yang Berketahanan dan
                                            Berkelanjutan</dd>
                                        <dt class="col-sm-1">Sasaran RPD </dt>
                                        <dd class="col-sm-11">: Tercapainya Pemulihan Ekosistem Kota dan Implementasi
                                            Pembangunan Rendah Karbon</dd>
                                    </dl>
                                </div>
                            </div>
                            <div style="overflow-x:auto; white-space: wrap;  display: block; width: 100%;">
                                <table id="dt-tujuan" class="table table-bordered table-hover table-striped w-100">
                                    <thead>
                                        <tr>
                                            <td>NO</td>
                                            <td>TUJUAN RENSTRA</td>
                                            <td>SASARAN RENSTRA</td>
                                            <td>INDIKATOR KINERJA </td>
                                            <td>DEFINISI OPERASIONAL</td>
                                            <td>SATUAN</td>
                                            <td>TARGET 2023</td>
                                            <td>REALISASI 2023</td>
                                            <td>TARGET 2024</td>
                                            <td>TARGET 2025</td>
                                            <td>TARGET 2026</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td rowspan="5">
                                                <div>2</div>
                                            </td>
                                            <td rowspan="5">
                                                <div>Perbaikan Kualitas Lingkungan Hidup</div>
                                            </td>
                                            <td rowspan="3"></td>
                                            <td>Indeks Kualitas Air</td>
                                            <td>Suatu nilai yang menggambarkan kondisi kualitas air yang merupakan nilai
                                                komposit parameter kualitas air dalam suatu wilayah pada waktu tertentu</td>
                                            <td>Indeks</td>
                                            <td>44,69</td>
                                            <td>40,76</td>
                                            <td>45,19</td>
                                            <td>45,69</td>
                                            <td>46,19</td>
                                        </tr>
                                        <tr>
                                            <td>Indeks Kualitas Udara</td>
                                            <td>Ukuran yang menggambarkan kualitas udara yang merupakan nilai komposit
                                                parameter kualitas udara dalam suatu wilayah pada waktu tertentu</td>
                                            <td>Indeks</td>
                                            <td>67,02</td>
                                            <td>68,46</td>
                                            <td>67,52</td>
                                            <td>68,02</td>
                                            <td>68,52</td>
                                        </tr>
                                        <tr>
                                            <td>Persentase Penurunan Emisi GRK pada Sektor Limbah</td>
                                            <td>Nilai persentase yang menggambarkan persentase penurunan emisi Gas Rumah
                                                Kaca dari nilai baselinenya, setelah dilakukan perhitungan emisi Gas Rumah
                                                Kaca dari aksi Mitigasi pada sektor Limbah</td>
                                            <td>Persentase</td>
                                            <td>0,28</td>
                                            <td>0,29</td>
                                            <td>0,38</td>
                                            <td>0,45</td>
                                            <td>0,67</td>
                                        </tr>
                                        <tr>
                                            <td rowspan="2">
                                                <div>Pengurangan Pencemaran Lingkungan melalui Upaya Preventif dan
                                                    Pengendalian yang Intensif</div>
                                            </td>
                                            <td>Persentase Peningkatan Status Indeks Pencemar (IP)</td>
                                            <td>Nilai persentase jumlah kategori "cemar sedang" dibagi jumlah titik
                                                pemantauan</td>
                                            <td>Persentase</td>
                                            <td>24</td>
                                            <td>28</td>
                                            <td>25</td>
                                            <td>26</td>
                                            <td>27</td>
                                        </tr>
                                        <tr>
                                            <td>Persentase Peningkatan Status Indeks Standar Pencemaran Udara (ISPU)</td>
                                            <td>Nilai persentase jumlah hari kategori "sedang" dibagi jumlah hari pemantauan
                                            </td>
                                            <td>Persentase</td>
                                            <td>63</td>
                                            <td>52</td>
                                            <td>64,5</td>
                                            <td>65,5</td>
                                            <td>66,5</td>
                                        </tr>
                                </table>
                            </div>
                            <!-- datatable end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </main>
@endsection

@push('script')
    <script src="{{ asset('layout/dist/js/statistics/peity/peity.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/statistics/flot/flot.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/statistics/easypiechart/easypiechart.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/iku1.js') }}"></script>
@endpush