@extends('indexlayout')

@section('title', 'tusar')
@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);">Realisasi Kinerja & Anggaran</a></li>
            <li class="breadcrumb-item active">Kinerja</li>
            <li class="breadcrumb-item active">Tujuan Sasaran</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-hdr">
                        <h2>
                            Laporan Tujuan
                        </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> --}}
                            <!-- datatable start -->
                            {{-- <div class="p-2" style="font-size: 1rem; color :black">Laporan Tujuan </div> --}}
                            <div style="overflow-x:auto; white-space: wrap;  display: block; width: 100%;">
                                <table id="dt-tabel-perkin" class="table table-bordered table-hover table-striped w-100">
                                    <thead>
                                        <tr>
                                            <td>No</td>
                                            <td>Tujuan</td>
                                            <td>Indikator Kinerja</td>
                                            <td>Satuan</td>
                                            <td>Konsolidasi</td>
                                            <td>Polarisasi</td>
                                            <td>Target Tahunan</td>
                                            <td>Triwulan</td>
                                            <td>Target</td>
                                            <td>Realisasi</td>
                                            <td>Capaian</td>
                                            <td>Keterangan/Evaluasi</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td rowspan="4">1</td>
                                            <td rowspan="4">
                                                <div>Pengelolaan Sampah Kota yang Kolaboratif dan Berkelanjutan</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>PERSENTASE PENGELOLAAN SAMPAH</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>%</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Take Last Known</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Maximize</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>100</div>
                                            </td>
                                            <td>TW 1</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>tidak ada target di tw.1</td>

                                        </tr>
                                        <tr>
                                            <td>TW 2</td>
                                            <td>100</td>
                                            <td>99.62</td>
                                            <td>99,62%</td>
                                            <td>Target penanganan sampah tidak terpenuhi karena masifnya upaya pengurangan
                                                sampah di DKI Jakarta</td>

                                        </tr>
                                        <tr>
                                            <td>TW 3</td>
                                            <td>100</td>
                                            <td>99.62</td>
                                            <td>99,62%</td>
                                            <td>Tidak ada target dan realisasi pada TW III tahun 2024</td>

                                        </tr>
                                        <tr>
                                            <td>TW 4</td>
                                            <td>100</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>

                                        </tr>
                                        <tr>
                                            <td rowspan="12">2</td>
                                            <td rowspan="12">
                                                <div>Perbaikan Kualitas Lingkungan Hidup</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>INDEKS KUALITAS AIR</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>indeks</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Take Last Known</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Maximize</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>45.19</div>
                                            </td>
                                            <td>TW 1</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>tidak ada target di tw.1</td>

                                        </tr>
                                        <tr>
                                            <td>TW 2</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>target dan data tersedia di TW IV</td>

                                        </tr>
                                        <tr>
                                            <td>TW 3</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>Tidak ada target dan realisasi pada TW III tahun 2024</td>

                                        </tr>
                                        <tr>
                                            <td>TW 4</td>
                                            <td>45.19</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>

                                        </tr>
                                        <tr>
                                            <td rowspan="4">
                                                <div>INDEKS KUALITAS UDARA</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>indeks</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Take Last Known</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Maximize</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>67.52</div>
                                            </td>
                                            <td>TW 1</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>tidak ada target di tw.1</td>

                                        </tr>
                                        <tr>
                                            <td>TW 2</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>target dan data tersedia di TW IV</td>

                                        </tr>
                                        <tr>
                                            <td>TW 3</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>Tidak ada target dan realisasi pada TW III tahun 2024</td>

                                        </tr>
                                        <tr>
                                            <td>TW 4</td>
                                            <td>68.46</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>

                                        </tr>
                                        <tr>
                                            <td rowspan="4">
                                                <div>PERSENTASE PENURUNAN EMISI GRK PADA SEKTOR LIMBAH</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>%</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Take Last Known</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Maximize</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>0.38</div>
                                            </td>
                                            <td>TW 1</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>tidak ada target di tw.1</td>

                                        </tr>
                                        <tr>
                                            <td>TW 2</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>target dan data tersedia di TW IV</td>

                                        </tr>
                                        <tr>
                                            <td>TW 3</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>Tidak ada target dan realisasi pada TW III tahun 2024</td>

                                        </tr>
                                        <tr>
                                            <td>TW 4</td>
                                            <td>0.38</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- datatable end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>


        {{-- Tabel Sasaran --}}
        <div class="row">
            <div class="col-xl-12">
                <div id="panel-1" class="panel">
                    <div class="panel-hdr">
                        <h2>
                            Laporan Sasaran
                        </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> --}}
                            <!-- datatable start -->
                            {{-- <div class="p-2" style="font-size: 1rem; color :black">SASARAN KHUSUS </div> --}}
                            <div style="overflow-x:auto; white-space: wrap;  display: block;">
                                <table id="dt-tabel-perkin" class="table table-bordered table-hover table-striped w-100">
                                    <thead>
                                        <tr>
                                            <td>No</td>
                                            <td>Sasaran</td>
                                            <td>Indikator Kinerja</td>
                                            <td>Satuan</td>
                                            <td>Konsolidasi</td>
                                            <td>Polarisasi</td>
                                            <td>Target Tahunan</td>
                                            <td>Triwulan</td>
                                            <td>Target</td>
                                            <td>Realisasi</td>
                                            <td>Capaian</td>
                                            <td>Keterangan/Evaluasi</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td rowspan="8">1</td>
                                            <td rowspan="8">
                                                <div>Optimalisasi Pengurangan dan Penanganan Sampah yang Kolaboratif serta
                                                    Berwawasan Lingkungan</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>PERSENTASE PENGURANGAN SAMPAH</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>%</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Take Last Known</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Maximize</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>28</div>
                                            </td>
                                            <td>TW 1</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>tidak ada target di tw.1</td>

                                        </tr>
                                        <tr>
                                            <td>TW 2</td>
                                            <td>28</td>
                                            <td>28.02</td>
                                            <td>100%</td>
                                            <td>Upaya yang dilakukan dalam hal pengurangan sampah yaitu mulai dari
                                                pembatasan timbulan sampah dan program daur ulang sampah yang dilakukan oleh
                                                masyarakat melalui Bank Sampah dan Biokonfersi magot.</td>

                                        </tr>
                                        <tr>
                                            <td>TW 3</td>
                                            <td>28</td>
                                            <td>28.02</td>
                                            <td>100%</td>
                                            <td>Tidak ada target di tw.III tahun 2024</td>

                                        </tr>
                                        <tr>
                                            <td>TW 4</td>
                                            <td>28</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>

                                        </tr>
                                        <tr>
                                            <td rowspan="4">
                                                <div>PERSENTASE PENANGANAN SAMPAH</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>%</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Take Last Known</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Maximize</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>72</div>
                                            </td>
                                            <td>TW 1</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>tidak ada target di tw.1</td>

                                        </tr>
                                        <tr>
                                            <td>TW 2</td>
                                            <td>72</td>
                                            <td>71.59</td>
                                            <td>99.43%</td>
                                            <td>Target penanganan sampah tidak terpenuhi karena masifnya upaya pengurangan
                                                sampah di DKI Jakarta</td>

                                        </tr>
                                        <tr>
                                            <td>TW 3</td>
                                            <td>72</td>
                                            <td>71.59</td>
                                            <td>99.43%</td>
                                            <td>Tidak ada target di tw.III tahun 2024</td>

                                        </tr>
                                        <tr>
                                            <td>TW 4</td>
                                            <td>72</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>

                                        </tr>
                                        <tr>
                                            <td rowspan="8">2</td>
                                            <td rowspan="8">
                                                <div>Pengurangan Pencemaran Lingkungan melalui Upaya Preventif dan
                                                    Pengendalian yang Intensif</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>PERSENTASE PENINGKATAN STATUS INDEKS PENCEMAR (IP)</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>%</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Take Last Known</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Maximize</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>25</div>
                                            </td>
                                            <td>TW 1</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>tidak ada target di tw.1</td>

                                        </tr>
                                        <tr>
                                            <td>TW 2</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>Tidak ada target di Triwulan 2</td>

                                        </tr>
                                        <tr>
                                            <td>TW 3</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>Tidak ada target di tw.III tahun 2024</td>

                                        </tr>
                                        <tr>
                                            <td>TW 4</td>
                                            <td>28</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>

                                        </tr>
                                        <tr>
                                            <td rowspan="4">
                                                <div>PERSENTASE PENINGKATAN STATUS INDEKS STANDAR PENCEMARAN UDARA (ISPU)
                                                </div>
                                            </td>
                                            <td rowspan="4">
                                                <div>%</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Take Last Known</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>Maximize</div>
                                            </td>
                                            <td rowspan="4">
                                                <div>64.5</div>
                                            </td>
                                            <td>TW 1</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>tidak ada target di tw.1</td>

                                        </tr>
                                        <tr>
                                            <td>TW 2</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>Tidak ada target di triwulan 2</td>

                                        </tr>
                                        <tr>
                                            <td>TW 3</td>
                                            <td></td>
                                            <td></td>
                                            <td>N/A</td>
                                            <td>Tidak ada target di tw.III tahun 2024</td>

                                        </tr>
                                        <tr>
                                            <td>TW 4</td>
                                            <td>64.5</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </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/tusardetail.js') }}"></script>
@endpush